😉6개월 간의 교육과정을 끝마치고 이 과정을 듣고 싶거나 고민하고 있는 사람에게 도움이 되었으면 좋겠습니다. 이 글은 내가 코드스테이츠를 선택한 이유, 알아두면 좋은 것, 장점 , 단점 , 중도하차자, 취업 현황 , 나의 후기, 추천 여부 순으로 서술합니다. 😉내가 코드스테이츠를 선택한 이유 우선 제가 개발자가 되기 위한 준비를 시작한 것은 작년 9월 초부터 입니다. 그 이전에는 대학교 교양 강의로 파이썬을 해보고 , html / css를 간단하게 다루어본 것이 전부였습니다. 제 공부흐름을 정리하면 1. 10월 ~ 11월 제로베이스 프론트엔드 스쿨 (중도하차) 2. 11월 ~ 2월 독학 3. 2월 ~ 8월 코드스테이츠 프론트엔드 44기 (수료) 입니다. 따라서 코드스테이츠 과정을 들어가기 이전에도 어느정..
🐕 쿠키 Domain 쿠키에 저장할 도메인 정보 Path 서버가 라우팅할 때 사용하는 경로 MaxAge or Expires 쿠키의 유효기간 정하는 옵션 Secure 프로토콜에 따른 쿠키 전송 여부 옵션 HttpOnly 자바스크립트로 쿠키에 접근 가능한지 결정하는 옵션 SameSite Cross-Origin 요청을 받은 경우 요청에서 사용한 메소드와 해당 옵션의 조합을 기준으로 서버의 쿠키 전송 여부를 결정 다양한 옵션이 있음 Domain 쿠키옵션에서 도메인은 포트 및 서브 도메인 정보, 세부 경로를 포함하지 않습니다. 서브 도메인이란 www 같은 도메인 앞에 추가로 작성되는 부분을 말합니다. 따라서 요청해야할 URL이 http://www.localhost.com:3000/users/login 이라고 가정..
🐕 Redux Redux는 상태관리 라이브러리이며 리액트에 종속되는 라이브러리가 아닙니다. 따라서 리액트 환경 뿐만 아니라 다양한 환경 심지어는 바닐라 자바스크립트에서도 리덕스를 사용할 수 있습니다. 리덕스는 하위 컴포넌트의 상태 공유를 위해서 상태 끌어올리기와 props drilling을 반복해야한다는 리액트의 구조에서 기인한 문제점을 해결해줍니다. 컴포넌트의 깊이가 깊지 않은 경우에는 props를 사용해서 상태를 내려주는 것도 상태 끌어올리기를 통해 서로 다른 하위 컴포넌트에서 사용해야 할 상태를 상위 컴포넌트에서 관리하는 것 또한 그리 귀찮지 않은 범위에서 가능하지만 구조의 복잡도가 심해지고 깊이가 깊어질수록 이런식의 데이터흐름은 복잡도가 올라갑니다. 어느정도의 시점까지는 필요한 상태를 최대한 가까..
🐕 UI/UX UX(User Experience)는 사용자 경험을 의미합니다. 사용자가 어떤 시스템이나 제품, 서비스 등을 직간접적으로 이용하면서 느끼고 생각하는 총체적 경험을 의미한다고 하며 넓은 범위의 의미를 가지기 때문에 자연스럽게 UI(User Interface)는 UX의 하위 개념으로 인식하는 것도 가능합니다. UX는 UI를 포함하지만 좋은 UX가 좋은 UI를 의미하거나 좋은 UI가 좋은 UX를 보장하지는 않습니다. 프론트엔드에서의 UI 디자인패턴으로는 대표적으로 모달, 토글, 탭 , 태그 , 자동완성 , 드롭다운 , 아코디언, 캐러셀, 페이지네이션, 한무스크롤, GNB , LNB 등이 있습니다. 👻컬럼 그리드 시스템 웹 디자인 분야에서는 화면을 세로로 몇개의 영역으로 나눌 것인가에 대해 초점을..
🐕 미니노드서버 과제 레퍼런스의 수도코드 작성 // Node.js HTTP 모듈을 불러온다. const http = require("http"); // 포트, ip 설정 const PORT = 4999; const ip = "localhost"; // 여기 구현한 내용은 가장 원초적인 방식입니다. // => 아무 라이브러리도 없는 경우에는 이렇게 할 수 있구나~ 정도 이해하면 OK // 나중에는 백엔드 라이브러리/프레임워크를 적극 사용하기를 권장. 원리 이해를 위한 과제 const server = http.createServer((request, response) => { console.log( `http request method is ${request.method}, url is ${request.u..
