HwanTech HwanTech

코드 스테이츠

• StatesAirline Server

  codeStates front-end/node(server) 2023. 2. 9. 15:54

  📌 StatesAirline Server 📖 학습 목표 이를 학습하기 전의, 아래 기본 내용을 먼저 이해하자 Express 사용 Refactor Express 📌 Refactor Express 📍Express Express 설치 npm install express Hello world! 예제 만들기 Express "Hello World" 예제 Hello world 예제 기본적으로 이 앱은 여러분이 작성할 수 있는 가장 간단한 Express 앱일 것입니다. hwantech.tistory.com 📣 서버를 처음 실행 시키면 미들웨어 셋팅 부분이 동작 그후 '주소/'를 들어가게 되면 라우트 부분이 실행되고 다시 요청을 기다림 주소/가 아닌 경우 다른 주소로 들어가면 라우트 실행 x 에러처리 동작 1. 미들웨어..

  Read More
• [React] SPA, Router

  codeStates front-end/React 2023. 1. 25. 15:56

  📌리액트 개념 📍SPA( Single-Page Application ) 서버로부터 완전한 새로운 페이지를 불러오지 않고 페이지에 갱신에 필요한 데이터만 받아 그 정보를 기준으로 현재의 페이지를 업데이트함으로써 사용자와 소통하는 웹 어플리케이션이나 웹 사이트 전통적인 웹사이트 - 페이지를 이동 시 "페이지 전체"를 불러와야함 SPA - 페이지 이동 시 중복 되는 부분은 불러 오지 x 중복 되는 헤더, 푸터는 냅두고, 컨텐트만 바꾼다는 뜻 SPA 장점 페이지 전체를 런데링 하는 것이 아니므로 사용자의 행동에 빠르게 반응 SPA 단점 첫 화면의 로딩 시간이 길어짐 검색 엔진(자료를 수집하기 좋도록 웹 페이지를 구성하는 것) 최적화가 좋지 않음 🧷 Wireframe과 Mockup Wireframe - 웹페이지의..

  Read More