03월부터 본격적으로 강의를 시작했다.
OT
1주차 강의 이후 첫 번째 OT가 있었다. 물론 온라인으로 링크 들어가서 강연 보듯이 하는 방식이라서 증정품을 바랄 수는 없었다.
이때 알려준 내용은 부트캠프 진행도의 방향성이 아닌 성수, 부산에 위치한 자기주도 학습공간 엘리스랩을 소개하는 시간이었다. 1~8주차까지 프로젝트 전에 기본적인 풀스택 웹사이트를 만들 수 있도록 그 개념들을 이해시켜주는 시간을 가졌다.
1주차6주차
8주차
7주차
javascript, git, gitlab 활용
간단한 자바스크립트 문법을 구사할 수 있게 가르쳐준 다음에, 작성해둔 코드를 커밋할 수 있게 git 활용법도 가르쳐주고, kdtXAI 주관의 깃랩 계정에 푸시도 할 수 있게 알려주었다. 이때 실전으로 쓸만한
git clone git push git pull origin git commit -m git branch git checkout git reset
등등을 학습하게 된다.
node, react
이제 순수 html5 자바스크립트를 어느정도 실행할 수 있게 되었더니, 프레임워크를 이용한 구축 기법을 알려주게 된다. 처음으로 리액트로 프론트엔드를 구현하는 방법을 배운다.
create-react-app
으로 기본적인 환경설정을 거친 이후에 생성되는 화면에서 처음 보는 파일들이 많이 있는데, 이건 파일 구조랑 연관되는 내용에서 설명이 진행된다. 중요한 건 readme, index랑 App이 생성되는 것이다.
기본 리액트 파일 구조, public이랑 src 폴더에서 확인 가능하다
다음으로 노드로 백엔드 서버 실행을 배우는 단계를 거친다. 리액트에 추가적인 기능 구현을 위하여 패키지에 대하여 공부한다. package.json, package-lock.json 두 가지가 생성되는데 하나는 노드를 테스트하는데 쓰게 될 상호작용 용도의 파일이고, 다른 하나는 설치된 의존성 항목들의 목록이며, 상호작용해서는 안 된다. (적어도 아무것도 모르는 상태이면 건드리지 말라고 한다) 이때부터 협업하면 쓰게 될 코드인
npm install npm audit npm audit fix
들을 배우게 된다. 추가로 프로젝트를 작성하면서 환경변수를 끌어다 쓸 수 있는 env 파일이랑 git 예외 처리가 가능한 .gitignore도 이때 배우게 된다. 이제 실행해볼 차례다. package.json에서 실행 스크립트 문법을 확인 가능하다. 대체로
react-scripts-start npm start
두 가지 정도이고, 협업할 때는 바뀔 때도 있기 때문에 확인하고 실행해보는 게 좋다.
현재 패키지 실행 스크립트
실행 화면
이제 기본적인 웹사이트를 구축하는데 성공했다. 프로젝트의 용도에 따라서 필요한 노드 패키지를 더해가며 간단한 풀스택 개발이 가능해진 것이다. 알게 된 내용은 html5, javascript, git, react.js, node.js 정도이다.
mongoDB, postman
추가로 데이터베이스 구축을 위한 mongoDB 도 실습이 진행되었다. sql 구문을 사용하지 않고 백엔드 DB를 구축하는 방식을 알게 된다. 이때 처음으로 postman의 사용법도 얼려주고, mongoDB Atlas 또는 Compass를 통한 데이터 관리도 배우게 된다.
포스트맨
mongoDB Atlas
mongoDB Compass
포스트맨으로 간단한 http요청을 배우고 실습한다: get, post, put, delete 이 정도만 사용해 보고 mongoDB를 통해 값이 어떻게 저장되고, 수정되고, 삭제되는지를 알아볼 수 있었다.