일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
- 씨쁠쁠
- Image 컴포넌트
- c++
- React ssr
- beautifulsoup
- 파이썬 코딩테스트
- 자바스크립트 컴파일
- 네이버 부스트캠프 멤버십
- 프로그래머스
- 자바스크립트
- git checkout
- 자바 프로젝트
- 네이버 부스트캠프
- 코딩테스트
- 부스트캠프
- Server Side Rendering
- 파이썬 웹크롤링
- 멘션 추천 기능
- 브라우저 동작
- Next/Image 캐싱
- 자바스크립트 객체
- React.js
- 파이썬
- 스택
- 웹크롤링
- react
- PubSub 패턴
- Next.js
- 비디오 스트리밍
- 네이버 부캠
- Today
- Total
목록웹 (web) (18)
코린이의 개발 일지

설계가 가장 어렵다… 몇주간 프로젝트하면서 고군분투 했었는데 이해가 안되더라도 일단 정리해보려 한다. 백엔드 구조 설계고 프론트는 나중에 정리하도록 하겠다. app.js 시작 부분이다. 별거는 없고 예시 코드를 보자 const loaders = require('./loaders'); const express = require('express'); async function startServer() { const app = express(); await loaders.init({ expressApp: app }); app.listen(process.env.PORT, err => { if (err) { console.log(err); return; } console.log(`Your server is rea..

webpack 사용하기 Bundler 등장 배경 서버와의 접속이 많을 수록 애플리케이션은 느리게 로딩 서로다른 js 파일에서 같은 변수를 사용하게 될 경우 애플리케이션 충돌이 발생하게 됨. 이러한 문제들을 해결하기 위해 등장한 도구들을 Bundler라고 한다. ⇒ 여러개의 파일을 묶어주는 도구 Bundler 종류 webPack Broserify Parcel webpack 설치 npm init npm install -D webpack webpack-cli configration 설정 webpack.config.js 파일 만들기 파일 내부 기본 골격 import path from 'path'; import nodeExternals from 'webpack-node-externals'; export defau..