deVSner

1. const data = await fs.readFile(`.${req.url}`) ~ 이 부분이 static으로 된 거임 app.use('요청경로', express.static('실제경로')); localhost:3000/zerocho.html learn-express/public-3030/zerocho.html localhost:3000/zerocho.css learn-express/public-3030/zerocho.css 이 미들웨어는 morgan 밑에 위치시킬 것. 성능적인 문제 app.use('/', express.static(path.join(__dirname, 'public'))) 로그인 한 유저에게만 static 라우터를 실행시키고 싶다면?? app.use('/', (req,res,n..

1. npm node manager packager 노드의 패키지 매니저 다른 사람들이 만든 소스 코드들을 모아둔 저장소다 남의 코드를 사용하여 프로그래밍이 가능하다. 즉, 내가 구현하려고 하는 것은 이미 npm에 있을 가능성이 99% ㅋㅋ 2. -D npm i -D 패키지명 이렇게 설치를 진행하면 devDependencies로 설치가 되고, 개발할 때만 패키지를 사용하게 된다 반대로, -D 옵션을 주지 않고 설치를 진행하면 Dependencies로 설치가 되고, 배포할 때까지 쓰이게 된다. 3. -g npm i -g 패키지명 이렇게 설치를 진행하면, '패키지명'을 명령어처럼 사용할 수 있다. 4. package-lock.json 디펜던시들의 디펜던시까지 기록이 되어있다. 버전이 정확히 고정되어 있다. ..

1. rest rest api를 사용한 주소 체계를 이용하는 서버 잘 지켜지지는 않는다. 의미 전달만 잘 되면 오케이 2. Header 데이터에 대한 데이터 https://developer.mozilla.org/ko/docs/Web/HTTP/Status HTTP 상태 코드 번역이 완료되지 않았습니다. Please help translate this article from English HTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료되었는지 알려줍니다. 응답은 5개의 그룹으로 나누어집니다: 정보를 제 developer.mozilla.org 3. 쿠키 쿠키가 없는 상황에서, 서버는 브라우저의 요청을 구분할 수가 없다. 누가 보냈는지를 구분할 수 없다는 뜻. 쿠키는 '키=쌍'이다 요청마다 추가..

import {FontAwesomeIcon} from "@fortawesome/react-native-fontawesome"; import {faSuitcaseRolling} from "@fortawesome/free-solid-svg-icons"; -> 스타일드 컴포넌트로 속성 값을 따로 지정 const FontAwesomeIconStyled = styled(FontAwesomeIcon)` color:red `

케이스로 나누어 본다. 1. 무한 렌더링 useEffect(() => { dispatch(loadToQuestion(id)); }); 2. 컴포넌트 실행 시 렌더링 useEffect(() => { dispatch(loadToQuestion(id)); },[]); 3. 특정 값에 따른 렌더링 useEffect(() => { dispatch(loadToQuestion(id)); },[변수]);

웹 개발을 진행하면서 여간 헷갈리는 부분이 아닐 수 없다. 유저가 클릭을 할 때, 이 액션이 db와 연결되어 있는 건지, 그냥 프론트 단에서 끝낼 수 있는 것인지 많은 고민이 필요해 보인다. 아직 프로젝트 경험이 많이 없어서 그런지, 최초 SR 시에 데이터 구조 잡는 것이 꽤나 버겁다. 이 state가 필요할까 부터 시작해서 이 state는 어디까지 흘려보내야 하는지, 이 테이블과 저 테이블은 어떤 관계인 건지 등등.

1. express 미들웨어 express가 담긴 index.js 크게 몇몇개의 부분으로 나눌 수 있겠다. 첫 번쨰는, 모듈을 불러오는 부분 const express = require('express'); const app = express(); 두 번째는, 해당 모듈을 use함수로 호출하는 부분 app.use(logger); 세 번째는, 첫 번째와 두 번째에 사용될 함수를 작성하는 부분. function logger( req, res, next) { console.log('i am logger'); next(); } 실제 index.js 내에서는 첫 번째 -> 세 번째 -> 두 번째의 순서로 코드가 작성되어 있다. 구조를 이해하다보니 이 순서가 나을 거 같았다. express에는 '기능'을 추가하기 위..