"컴퓨터 사이 통신 네트워크"전 세계의 컴퓨터가 서로 연결되어 정보를 교환할 수 있는 하나의 거대한 컴퓨터 통신망컴퓨터에서 사용하는 디지털 데이터를 전화선이 활용할 수 있는 아날로그 신호로 바꿈으로써 이미 광범위하게 설치 되어 있는 전화선을 통해 컴퓨터 통신을 가능하게
단순한 정보 제공 위주이며 기능이 많지 않다.User Interaction 요구 없다. 로직(동작) 없다. HTML, CSS 자체가 정적이다.서버가 HTML 페이지 전체를 클라이언트에게 전송한다. 단순한 정적 페이지가 아닌 다이나믹한 요소들 요구웹 기반의 언어 자바스크
FE 서버와 BE 서버가 분리되었다.BE API 서버가 세분화되었다.데이터 요청을 분산 처리한다.동시 접속자 수가 많아졌을 때, 많은 트래픽을 관리하기 위해 앞 단에 API Gateway를 설치하고 Gateway가 이를 관리한다. Product 1) Product Ma
시맨틱 웹은 직역하면 의미론적인 웹을 말한다. 즉, 문서가 의도한 바를 잘 전달할 수 있도록 구성 된 웹이다.컴퓨터가 정보를 읽고 이해하여 가공하여 새로운 정보를 만들어 낼 수 있도록, 컴퓨터가 이해하기 쉬운 의미를 가진 차세대 지능형 웹을 말한다. 검색엔진에서 웹 문
1. display 1.1 block 기본 설정이 width:100%이며, 항상 새로운 라인에서 시작한다. width, height, margin, padding 설정이 가능하다. > dt, dd, ul, li, ol, dl, div, p, form, h1, h2,
Westagram 스크롤 기능은 살리고 스크롤바는 없애기 스크롤 기능은 존재하되, 스크롤바가 보이지 않는 css 효과에 대해 알아봅시다! 💡 스크롤 기능은 살리고, 스크롤바는 없애는 방법? > 안녕하세요. 스크롤바 없애기 스크롤은 동작
VS CODE Git 5k 없애는 방법(how to delete vs code git 5k) Visual Studio Code에서 나오는 Git 5k(?)를 없애기 위한 노력입니다. Oct 17, 2018 문제의 발단 alt text 한번씩 다들 이런거 뜨는 경험
1. 좋은 코드란 무엇일까? 앞으로, 코딩을 할 때 꼭 염두해두어야 하는 Code Refactoring 에 대해 알아보자. 코드를 짤 때 중요하게 여겨야 하는 것 : 코드의 가독성 / 코드의 확장성 코드는 한번 작성되고 끝나는 게 아니다. 유지보수를 용이하게
Package-lock.json파일에 대해 궁금한 점이 생겨서 찾아보다가 참고하기 좋은 글을 보게 되어 갖고 왔습니다. node_modules 트리나 package.json 파일을 수정하게 되면 자동으로 생성되는 파일입니다.협업을 하기위해 우리는 같은 package.j
🙋♀️ node.modules 와 package.json 에서 이중으로 패키지를 관리하는 이유는 뭘까요? 실제 내가 작성한 코드, 내가 설치한 패키지는 내 로컬에만 존재하게 됩니다. github에 프로젝트를 올릴 때, 용량 문제 때문에node.modules는 올리지
스크립트 항목은 우리 프로그램에서 실행 가능한 명령어들을 기입해둔 항목입니다. CRA를 구동시킬 때 npm start라는 명령어를 입력해서 구동시켰는데요. npm start라고 명령어를 기입했지만, “react-scripts start”를 대신 실행해주고 있는 것들입
React 개발 환경을 설정하기 위해서는 다양한 개발 환경 설정이 필요합니다.이러한 설정을 간단하게 대신 해주는 것이 CREATE-REACT-APP이다. 간단하게 CRA라고도 합니다. CRA는 webpack, babel 등 React에서 주로 많이 사용하는 도구 및
CRA 설치 시 초기 폴더 구성은 아래와 같습니다.필요 없는 파일 및 주석 처리되어 있는 코드는 삭제하면 되는데요. 그렇다면, 이 파일들이 무엇을 의미하는 지 알아봅시다! CRA 를 구성하는 모든 패키지 소스 코드가 존재하는 폴더입니다.실제로 node modules폴더
사실 이 단어는 프로그래밍 전반에서 사용되는 용어인데요. 프론트엔드에서는 재사용 가능한 UI 단위를 말합니다. 코드를 재활용할 때도 좋고 기능별로 코드가 나뉘어 있기 때문에 유지보수에 용이하겠죠. 만약 백번 사용된 컴포넌트가 있을 경우에 디자인 수정 요청이 들어와도 이
React 라이브러리를 통해 작업을 하다보면, 하나의 파일에 html 문법과 js 문법을 볼 수 있습니다. 도대체 어떻게 하나의 파일에 js와 html 코드를 함께 쓸 수 있는걸까?바로 Javascript Syntax Extension 덕분입니다. 😀 Javascr
깃을 이해하고 깃헙을 통해 팀 프로젝트를 진행할 수 있다. 깃 conflict가 어떤 상황에서 발생하는지 인지하고 해결할 수 있다.프로젝트는 결국 마스터브랜치로 합치는 과정로컬, 리모트 라고 함!원격 저장소 : 리모트 (웹하드)내컴퓨터 : 로컬리모트에 직접 접근하여
🤩 댓글 발행 기능 만들기 1. 사용자가 댓글을 입력하면, 입력한 댓글 string state로 저장하기 2. 사용자가 댓글 게시 버튼 누르면, 댓글을 배열 state로 저장하기 1) 사본 만들기, state 데이터는 등호로 직접 변경하면 안되고 사본을 만들어서 그걸 수정해야한다. 2) array에 자료 추가하는 문법 참고 : unshift, pus...
이전 챕터에서 side Effect에 대해서 알아보고, 함수형 컴포넌트의 side Effect는 어떤것들이 있는지 알아봤습니다. 하지만 이런 side Effect들을 함수의 body 자리(render)에서 실행시키면 안됩니다.앞서 함수 컴포넌트의 리턴 값은 UI 요소라
페이지를 벗어났을 때 이벤트 리스너는 더 이상 필요없어질 수 있습니다. 이러할 경우엔 Effect를 정리해줘야 합니다. 이 때마다 Cleanup Effect를 일으킬 수 있도록 useEffect 안에 해당 로직을 정리하는 동작을 정의해두면 됩니다. Cleanup 함수란
💡 실제 프로젝트를 진행할 때 가장 많이 보게 될 응답의 상태 코드 들이다. Status Code의 숫자에 각각 의미가 내포되어 있다. 이 Status Code 만 보아도 응답이 제대로 됐는지 안 됐는지를 파악할 수 있다.가장 자주 보게되는 Status CodeSUC