12기 POSCO x Codingon 웹 풀스택 과정에는 수료 혜택이 존재하는 데 그것은 바로바로 일본 여행이었다...!!!처음부터 기대하고 고대하던 일본 여행⭐⭐  첫 해외여행이었기 때문에 여권 발급부터 스타트⚡여권 사진 기준이 엄격해서 사진때문에 구청을 3번이나 왔다갔다 했다는 건 안비밀....힘들었다.... 겨우겨우 사진이 통과되고 드디어 받은 여권..!! 이제야 내가 해외여행을 간다는 게 실감이 됐다ㅋㅋㅋㅋㅋㅋ   일본 여행이 계획된 후부터 친구와 어떤 걸 할지 계속해서 이야기를 나눴지만...아는 게 없다보니 사실 숙소 예약, 지역 선택 정도만 하고 나머지는 정말 그냥 가서 돌아다녀 보자 하는 마음으로 계획했다...... 원래 여행 스타일은 매우 계획적이고 시간까지 정해놓고 가는 성격이지만..왜인..

10주차 회고  이번 회고에서는 cross-env 설정, 세션-데이터베이스 로그인, 동적 폼 생성, 그리고 multer 모듈을 통한 파일 업로드를 중심으로 학습한 내용을 정리하고자 한다.     1. Cross-env 세션-데이터베이스 로그인 cross-env는 Node.js 환경에서 플랫폼 간 환경 변수를 설정할 수 있게 해주는 패키지로, 환경별 설정을 다르게 지정할 수 있었다.이와 함께 세션을 활용해 로그인 정보를 데이터베이스에 저장하고 유지하는 방식도 학습했다.  세션과 데이터베이스를 연결해 로그인 정보를 효율적으로 관리할 수 있도록 하기 위해서는 세션 정보를 데이터베이스에 저장하고, 세션 ID를 이용해 사용자를 추적할 수 있다.이를 구현하기 위해 express-session과 데이터베이스를 연동하..

9주차 회고 이전 글에 이어서 9주차에 클라우드 사용법, JWT, 암호화에 대해서 배웠고, 실습도 진행해볼 수 있었다.네이버 클라우드와 Putty를 사용해서 파일을 실행시키는 실습을 진행했고, 로컬 스토리지를 이용해서 카트 페이지도 만드는 연습을 했다.    1. 클라우드 : 클라우드는 언제, 어디서든 인터넷을 통해 사이트에 접속할 수 있는 환경을 만들어준다.: 서버, 네트워크 등의 인프라를 임대해주는 서비스라고 할 수 있으며, 가상화 기술을 사용해 서버를 마음대로 구축하고 운영할 수 있다. 가상화 : 물리적인 장치를 소프트웨어로 대체하는 것을 의미. ex. 물리적 컴퓨터 1대 - 서버 여러개 운영 가능 클라우드 서버 : 실제 물리적인 컴퓨터 1대로 서버를 운영하는 게 아니라 VM으로 서버를 운영한다.장..

9주차 회고  9주차에는 쿠키와 세션을 이용해 로그인 정보를 저장하고 로그인을 할 수 있는 환경을 만들었으며, 서버를 구축하는 방법에 대해 배울 수 있었다.http와 express 2가지 방법으로 서버를 구축해봤다.     1. Cookie : 웹브라우저(클라이언트)에 저장되는 키와 값이 들어있는 작은 데이터 파일: 이름, 값, 만료일, 경로정보로 구성 쿠키 동작 방식  : cookie 모듈을 사용하는지 안하는지에 따라 쿠키가 출력되는 모양이 달라진다.     'DontReadHttp=myhttp; HttpOnly', ⇒ 콘솔에서는 출력해서 보여주지 않겠다. HttpOnly'tasty_food=kimchi; Max-Age=6000', ⇒ 만료시간 기록 Max-Age`tasty_food=kimchi; Ma..

8주차 회고 dlwjs 글에 이어서 sequelize를 연습했으며, sequelize-join과 데이터 베이스 관계에 대해 배웠다. 이를 이용해서 운동선수의 정보를 확인하는 페이지를 구현하는 실습을 해볼 수 있었다. 1. Sequelize-join 관계 변수명.hasOne = 내가 부모, 내가 주인 변수명이 키를 갖고 있다. 나의 키를 주인으로 누군가의 외래키 설정. ⇒ 관계를 맺는 대상(자식)에게 자신의 외래 키를 추가. (Users => UserInfo) UserInfo 외래 키가 추가된다. 변수명.belongsTo = 누군가에게 속함. 누군가의 키를 기준으로 외래키를 만듦 ⇒ 관계를 맺는 대상(부모)에게 외래 키를 받아 추가. (UserInfo => Users) UserInfo 외래 키가 추가된다...

8주차 회고 8주차에는 지난주에 이어서 MVC모델과 MySQL에 대해서 배웠으며 서로 연결하는 방법을 연습해볼 수 있었다. 또한 DB작업을 쉽게할 수 있도록 도와주는 Sequelize 라이브러리도 사용해봤다. 1. MVC - MySQL 지난 주에 이어서 MVC와 MySQL을 연습하고 MySQL의 데이터 베이스와 연결하는 연습을 해볼 수 있었다. MVC 구조로 폴더와 파일을 생성하고 MySQL과 연결해 방명록을 만드는 실습을 진행했다. 먼저 MVC 구조를 만들어주었다. controller, model, routes, static, views 폴더를 생성하고 app.js로 실행파일을 생성했다. views 폴더에는 실제 화면에 보여야할 구조를 구현했다. 방명록을 남긴 사람, 방명록 내용이 보이도록 했으며, 새..

7주차 회고 7주차 두번째 회고로 작성할 내용은 MVC와 MySQL을 연결하는 과정이다. MVC 구조를 이해하는 과정은 어렵지 않았지만 데이터베이스와 연결하면서 복잡한 부분이 생겨 섬세하게 기록해두고 계속해서 복습하려고 한다. MVC 구조를 생성해보고 MySQL과 연결하는 방법을 연습해볼 수 있었다. 1. MVC : Model View Controller => Model = 데이터를 처리하는 부분 / View = UI관련 처리(사용자에게 보여짐) / Controller = View와 Model 연결 장점 : 패턴을 구분해 개발, 유지보수 용이, 유연성, 확장성 높음, 협업에 용이 단점 : 완벽한 의존성 분리 어려움, 설계단계 복잡 및 시간 오래 걸림, 클래스가 많아짐 대략적으로 폴더의 기능에 대해 설명하..

7주차 단일 파일 업로드, 다중 파일 업로드, 동적 form에서 Multer 미들웨어를 이용한 파일 업로드에 대해 배웠으며, 실습 과제로 회원가입 form을 만들고, 파일 업로드된 이미지와 결과를 화면에 보여주는 실습을 해볼 수 있었다. MySQL을 사용해 sql 쿼리를 작성해보고 연습했으며,조건에 맞는 sql쿼리를 스스로 작성해보는 실습을 진행했다. 1. Multer 미들웨어 : 이미지, 동영상을 비롯한 파일들을 멀티파트 형식으로 업로드할 때 사용하는 미들웨어이다. 멀티파트 ? 클라이언트와 서버 간 전송되는 http 요청 또는 응답에서 여러 종류의 데이터를 동시에 전송하기 위해 사용되는 방식 => enctype이 multipart/form-data인 폼을 통해 업로드 하는 데이터 형식 enctype="..

6주차 회고 이어서 node.js의 모듈인 express, ejs 등과 form을 활용해 데이터를 전송하는 연습을 해볼 수 있었다. 또한, 비동기 처리, 콜백 함수, promise, async - await 문법도 배우고 실습해볼 수 있었다. 1. callback 함수 : 비동기 코드를 처리하기 위한 방법 1 : 다른 함수가 실행을 끝낸 뒤 실행되는 함수이다. => 매개변수로 함수를 받아서 사용할 수 있다. => 콜백함수를 사용하는 이유는 응답을 받은 후 처리돼야하는 작업이 있을 수 있으므로, 함수가 다른 함수의 실행을 끝낸 뒤 실행되는 것을 보장하기 위해서라고 한다..!! 아래의 코드는 가장 기본적인 형태의 콜백함수이다. => 함수를 먼저 선언한 후 맨 마지막에 함수를 하나 더 선언하는 방식으로 정의한..

6주차 회고 프로젝트를 마치고 다시 이론을 공부하려고 하니 힘든 부분도 있었지만, 힘내서 6주차 회고를 다시 작성해보려 한다. node.js에 대해 더 자세한 기능들과 사용할 수 있는 모듈에 대해 배웠으며, 모듈을 불러와 출력하는 연습을 해볼 수 있었다. 1. node.js : 크로스 플랫폼 오픈 소스 자바스크립트 런타임 환경 => 브라우저 외부에서 자바스크립트가 실행될 수 있는 환경을 만들어 준다. : 실행시간이 매우 빠르고, 다양한 플랫폼에서 실행된다. REPL : node.js의 대화형 모드 : node 명령어로 node.js를 실행해주고, a, b를 선언한 후 콘솔창에 출력되도록 명령을 넣어주었다. 실행을 마치려면 .exit를 적어주면 된다. : node의 REPL은 윈도우의 cmd, 맥의 ter..