전체 글145 02_WEB? 월드 와이드 웹(World Wide Web, WWW, W3)은 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 전 세계적인 정보 공유 시스템을 말한다. 간단히 웹(the Web)이라 부르는 경우가 많다. 이 용어는 인터넷과 동의어로 쓰이는 경우가 많으나 엄격히 말해 서로 다른 개념이다. 웹은 전자 메일과 같이 인터넷 통신망에서 동작하는 하나의 '서비스'일 뿐이다. 그러나 1989년 이래로 웹은 인터넷 구조의 절대적 위치를 차지하고 있다. 웹은 인터넷의 광범위한 통신망 속에서 사용되는 하나의 서비스이다. 이제는 인터넷이라는 말과 동의어처럼 느낄 정도로 인터넷에서 사용되는 아주 큰 비중의 서비스라고 할 수 있다. 웹은 팀 버너스 리에 의해서 만들어졌다. 이 당시 팀 버너스 리는 CERN(유럽 .. 2025. 8. 16. 01_Internet? 인터넷(영어: Internet, 문화어: 인터네트)은 컴퓨터로 연결하여 TCP/IP(Transmission Control Protocol/Internet Protocol)라는 통신 프로토콜을 이용해 정보를 주고받는 컴퓨터 네트워크이자,[1] 네트워크와 장치 사이의 통신을 목적으로 상호 연결된 '글로벌 컴퓨터 네트워크 시스템'(global system of interconnected computer networks)이다 인터넷은 컴퓨터로 연결되며 TCP/IP라는 통신 프로토콜(약속)을 이용해서 자료, 장보를 주고 받을 수 있는 네트워크이다. 데이터가 이동하는 물리적/논리적인 거대한 도로망이라고 생각하면 된다. 이 거대한 도로망에는 여러 자동차(서비스)들이 움직이고 있다. 1. 웹 (The World Wid.. 2025. 8. 16. REST 아키텍처, RESTful API란 1. RESTREST (Representational State Transfer)웹 상의 서버와 클라이언트 간 통신을 위한 아키텍처 등장 배경1. 사용자 인터렉션의 증가 (정적 웹 -> 동적 웹)초기에는 정적웹이 대다수였지만 시간이 지나면서 인터렉션으 증가하고 동적웹이 많아졌다.따라서 API 호출의 빈도도 많아졌으며, 이에 따른 아키텍처의 필요성이 높아졌다.2. 데이터 양 증가데이터의 양이 증가하면서 동적으로 데이터베이스에 접근하여 데이터를 사용하게 되면서, 통신을 위한 아키텍처의 필요성이 높아졌다.3. 다양한 기기(스마트폰, 태블릿 등)의 등장스마트폰과 태블릿과 같은 여러 기기들이 등장하면서, 브라우저 웹 뿐 아니라 다양한 기기에서 공통적으로 사용할 수 있는 통신 아키텍처가 필요하였다.4. 개발자 편의.. 2024. 6. 3. React에 대한 전반적인 이해 우리는 React를 사용하기 전 React가 무엇이고 왜 사용하는가에 대한 이해먼저 할 필요가 있다. 다음 순서대로 React에 대한 전반적인 이해를 해보려고한다.1. React가 무엇인가?2. React가 왜 등장했는가?3. React의 주요 특징이 무엇인가?4. 대체할 수 있는 다른 라이브러리나 프레임워크가 있다면 그 차이는 무엇인가?1. React가 무엇인가? 공식문서에서 확인한 React의 개념은 다음과 같다.React는 사용자 인터페이스(UI)를 만들기 위한 JavaScript 라이브러리 즉, 기본적으로 React는 UI 즉 View를 개발하기 위한 프론트엔드 라이브러리이다.2. React가 왜 등장했는가?React의 등장 배경을 설명하기 위해서는 이전의 프론트엔드(view) 개발에 대한 기본.. 2024. 5. 30. 개발자 회고 - 취업 및 이후 커리어 준비 2024년 2월 부트캠프를 수료했다. 결과는 좋았다. 최종 프로젝트 1위라는 성과를 거둘 수 있었다.실력 좋은 팀원분들과 함께하여 많은 것을 배울 수 있는 좋은 계기이기도 했다. 2월 중순부터 본격적인 취업 준비를 시작했다. 먼저 가장 중요한 이력서를 작성했다. 처음에는 정말 막막하였지만 계속해서 지원해주었던 스파르타 코딩클럽과 튜터님들의 도움으로 완성 이력서를 만들 수 있었다. 이후 계속해서 지원을 하였지만 성공률은 높지 않았다. 그래서 나는 메타인지부터 다시 시작하려고 한다.1. 현재 나의 위치웹 프론트 개발자로서 나의 현위치를 생각해보자. 기술스택 - HTML/CSS, Javascript, Typescript, React, NextJS 정말 정석적인 기술스택을 가지고 있다고 생각한다.프론트엔드 개.. 2024. 5. 29. CRA(Create React App) 직접 구현하기 (2) - 구현 바벨과 웹펙에 대하여 CRA(Create React App) 직접 구현하기 (1) - 바벨과 웹팩이란CRA(Create React App)은 React App을 구현하기 위해 필요한 여러 보일러플레이트를 자동으로 설정해주는 도구이다.자동으로 설정되기 때문에 Webpack과 Babel의 지식이 없어도 개발을 진행할 수 있도록 도audtjqxx.tistory.com 1. npm initReact App에서는 npm을 통한 모듈 의존성 관리를 한다. 따라서 npm init 이라는 명령어를 통해 의존성 관리를 도와주는 pakage.json 파일을 생성한다. (-y를 통해 빠르게 생성하자) 위와 같이 package.json 파일이 자동생성된 것을 알 수 있다.그렇다면 package.json은 무엇일까?pack.. 2024. 5. 22. 이전 1 2 3 4 ··· 25 다음
