기타16 SSAFY 싸피 11기 전공자 합격 후기, 준비과정 과거 휴학하는 조건으로 걸었던 싸피 입과 + 바로 취업하기 싫었던 나 + 제대로 된 프로젝트 좀 해보고싶었음 + 웹 개발자를 꿈으로 하는 친구들을 사귀고 싶었음 + nodejs로 백엔드를 공부했어서 spring도 배우고 싶었음 + 공부를 하는데 달에 130만 원과 맛있는 밥을 준다...? 등등의 이유로 지원한 싸피 1지망이었던 광주로 입과 성공. ⸜(*ˊᗜˋ*)⸝ 많은 내용들이 대외비이기에 단순히 내가 어떻게 준비했는지만 작성해 보았다. 지원당시 나의 모습 학위 : 4년제 컴퓨터공학과 졸업 예정 학점 : 3.9x ( 인강 하나 F 받아서 날아가버린 4점대 ｡゜(｀Д´)゜｡ ) 프로젝트 경험 : 있음 어학 : 미제출 - 점수 엉망이어서 제출 안 했음 현장실습, 인턴 경험 x / 수상 내역은 있었지만 에세이.. 2024. 1. 7. Cookies, Session, Token, Web Storage 정리 [ Cookie ] 클라이언트의 브라우저에 저장되는 작은 크기의 문자열 (4KB) 쿠키의 특징 1. 도메인에 따라 제한되기에 다른 도메인에서 해당 쿠키에 접근이 불가능하다. 2. 만료기간이 있고 이는 설정 가능하다. = expires와 max-age로 설정이 가능하며 두 가지 모두 설정되어 있을 때는 expires는 무시된다. 3. 인증뿐만 아니라 여러 데이터 전달도 가능하다. ex. 웹페이지에 대한 언어설정 데이터를 쿠키에 담으면 서버가 이를 받아 유저가 설정한 언어로 변경해 준다. 쿠키의 종류 만료 기간에 따른 분류 영구쿠키 : 만료기간이 있으며 만료 기간이 끝난 후엔 삭제된다. 세션쿠키 : 만료기간이 없고 브라우저 종료 시 삭제된다. 소유자에 따른 분류 ( 직간접 방문의 차이 ) 퍼스트파티 쿠키 :.. 2023. 11. 25. Module not found: Error: Can't resolve 'zlib' in '/Users/yebeen/web/12_study-matching-service/sms/node_modules/body-parser/lib' 해결법 로그인 파트 구현하는데 갑작스럽게 아래에 나와있는 엄청난 양의 에러가 뜨기 시작했다. Compiled with problems: × ERROR in ./node_modules/body-parser/lib/read.js 19:11-26 Module not found: Error: Can't resolve 'zlib' in '/Users/yebeen/web/12_study-matching-service/sms/node_modules/body-parser/lib' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need .. 2023. 11. 10. Multer 사용법 분명 공부했는데 또 까먹고 한참 헤맨 나 꼭 다시 공부해야 정리하는 사람 나야 나 ... s3에 저장하는 법은 다시 사용할 때 정리해야지 ... 1. multer 설치하기 npm i multer 2. 파일을 업로드하는 form에 enctype="multipart/form-data" 추가해 주기 Multer는 multpart가 아닌 form에선 동작 안 하니까 꼭 추가해 주기 🥹 + 하나의 input에서 여러 이미지나 영상을 받아야 할 때는 속성에 multiple를 추가해줘야 한다. + 해당 코드에선 영상 1개, 이미지 1개를 받을 예정이라 추가하지 않음 form.video-upload-form(action="/videos/upload",method="POST",enctype="multipart/form-.. 2023. 8. 25. SSR, CSR, SEO 개념 정리 SPA ( Single Page Application )= 하나의 페이지로 이루어진 홈페이지= CSR(react)에 적합하지만 정적인 페이지(Java, php) 하나로 구성되면 그것도 SPA라고 부른다.<p data-k.. 2023. 7. 31. [ MongoDB ] MongooseError: The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string. mongo DB 사용법을 배우고 약 3주 뒤... 다시 써보며 무언가를 만드려 코드를 작성하고 서버를 켰더니 MongooseError: The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string.라는 에러가 뜨기 시작했다 😱 이유는 생각보다 간단했는데... .env파일에 DB url를 변수로 선언해 놓고 넣어놓고 사용하는데 dotenv를 import 안 했던 것 ㅠ.ㅠ 해결하는 순서는 1) 터미널에서 npm i dotenv를 입력해 dotenv 설치해 준다. 2) .. 2023. 7. 21. Webpack 소개와 사용법 ( webpack.config.js 작성 ) Module 프로그램을 구성하는 구성요소와 관련된 데이터와 함수를 하나로 묶은 단위 전통 자바스크립트 개발 방식은 기능별 또는 페이지별로 js 파일을 분리하고 html에서 태그로 로드하는 방식이었다. 하지만 이 방식은 의존성이 있는 코드 사이에 순서를 보장하기 어렵고 ( import 하는 여러 파일간에 동일한 이름을 갖는 변수를 만들 수 없음 - 충돌 ) 일부 파일에 문제가 발생했을 때 전체 스크립트를 실행하지 못할 수 있다. 이러한 문제를 하기위해 나온 것이 모듈 단위의 개발이다. bundler 의존성 있는 모듈 코드를 하나 또는 여러 파일로 만들어주는 도구로 브라우저 환경에 잘 실행될 수 있도록 가공해 준다. 즉 웹을 구성하는 파일들을 하나의 모듈로 보고 이를 조합하여 병합된 하나의 결과물을 만든다... 2023. 6. 18. dotenv를 사용해 환경변수를 .env파일로 관리하기 dotenv란? 자바스크립트에서 환경변수를 사용할 수 있도록 하는 npm 모듈로 유저가 .env를 통해 저장해 놓은 환경 변수들을 process.env에 로드한다. 사용하기 1. dotenv 패키지 설치 npm i dotenv 2. .evn파일 작성 키=값의 형식으로 작성되어야 한다. DB_URL="mongodb://~~" DB_USER=root 3. 패키지 불러오기 //ES module import dotenv from "dotenv"; dotenv.config(); //CommonJS require("dotenv").config(); [ 주의점 ] 1. dotenv 라이브러리는 가장 먼저 load 되어야 한다. (특히 .env에 DB와 관련된 환경변수들을 선언한 경우 DB파일보다 먼저 load 되어야.. 2023. 6. 18. [MongoDB] (Mac OS) MongoNetworkError: connect ECONNREFUSED, Buffering timed out after 10000ms... 어느 날 노트북 소리 출력이 이상해서 노트북을 재시동하고 만들던 웹에 다시 들어갔는데 갑자기 터미널에 Buffering timed out after 10000ms이라는 에러가 뜨면서 먹통이 되었다. DB랑 통신하면서 생긴 에러라 DB에 뭔 문제가 생겼나해서 터미널에 mongosh를 입력하니 아래와 같은 에러가 떴다. MongoNetworkError: connect ECONNREFUSED [ 주소 ] 아니 연결이 안된다구요?... 왜 되던 게 갑자기 안돼! 하며 해결방법을 찾아갔는데 컴퓨터를 재시동하면서 mongoDB가 꺼져버린 것... 노트북을 안 끄고 항상 잠자기 모드만 해놓기에 몰랐었다😂 터미널에 아래와 같은 명령어를 입력해 주면 DB가 다시 실행이 되면서 연결이 잘된다. brew services r.. 2023. 6. 17. 이전 1 2 다음
