언젠가는 펼쳐 볼 아카이브

MPA(Multi Page Application)란? 서버에 미리 여러페이지를 두고 유저가 네비게이션 요청 시 적합한 페이지를 전달하는 방식 미리 서버에서 전체 페이지를 빌드해 브라우저로 전송됨 서버에 라우팅을 처리하는 기능이 있고, 서버가 여러 페이지를 관리함 페이지 요청마다 모든 리소스를 다시 받아오므로, 페이지간 데이터를 재활용하기 힘듦 SPA(Single Page Application)란? 하나의 페이지 요청으로 전체 웹 앱을 사용하는 방식 Client-side routing 기술을 활용해, 페이지 진입 시 리로드 없이 라우팅 함 AJAX 기술을 활용, 페이지 이동 시 서버에 데이터만 요청하여 자바스크립트로 페이지를 만듦 MPA와는 다르게 여러 페이지를 하나의 앱의 구성요소로 보고 여러 페이지 간..

코드 리뷰 // orderService.js 일부 ... orderBody.id.length { const user = await User.findOne({ email: id }).exec(); let data; ... 변수는 사용하기 바로 전에 선언하는..

#제출코드 const fs = require('fs'); const filePath = process.platform === 'linux' ? '/dev/stdin' : './input.txt'; const input = fs.readFileSync(filePath).toString().trim().split('\n'); const [cardNum, number] = input[0].split(' '); const cards = input[1].split(' ').map((item) => +item); console.log(solution(+cardNum, +number, cards)); function solution(cardNum, number, cards) { let total = 0; for (l..

좋은 앱을 만들기 위한 고려사항 번들 사이즈 CSS 코드가 차지하는 사이즈는 무척 중요한 요소임 서버로부터 받아오는 파일들은 다양한데 크기가 클수록 페이지의 로딩 속도가 느려질 수 있음 앱 성능 animation, transition 등 유저와의 상호작용에서 스타일 코드의 성능이 중요한 요소임 사용자에게 유리한 UI/UX 자바스크립트를 이용한 다양한 스타일 기법 UI toggling, anmation, 다크모드, 복잡한 UI 컴포넌트 등은 자바스트립트에 대한 지식만으로 구현하기 힘듦 유지보수가 용이하고 확장 가능한 코드를 작성해야함 스타일에 관련된 코드를 어떻게 작성하고 관리하는 가에 대한 지식이 필요함 React 앱에서의 스타일링 방법 CSS import : CSS(or SCSS, Sass) 파일을 i..