첫 날 배운 것들을 써보자면 아래와 같다.
OT
커리큘럼
1-4주차
알고리즘 기초
프론트엔드 기초
자유게시판 프로젝트
5-8주차
알고리즘 심화
프론트엔드 심화
중고마켓 프로젝트
9-12주차
팀 프로젝트
프로젝트 발표
이렇게 총 12주차 이루어진다고 말씀해주셨다.
난 풀스택을 신청해서 8주차까지 수업을 듣고 바로 백엔드 수업을 시작한다고 했는데, 이제 2일된거,,어떻게 된거지 ㅎㅎ,,,
그 외 ot 설명으로 이것 저것 들었는데 일단 내가 적어둔 것을 그냥 나열해보고자한다
Question-Table 만들기
- codecamp notion에서 Shortcut 메뉴 밑에 Question-Table을 클릭해 Github에 들어간다.
- Issues 메뉴를 클릭한다.
- New issue 클릭
- Get started 클릭해서 서식에 맞게 질문 작성하기
- 코드를 작성하고 싶을 땐 ‘’’ 코드작성 ‘’’ 해준다. or 사진첨부(Attach 부분 클릭하면 됨)
2주간 필요한 연습
- 영타 실력 늘리기
- 단축키 사용하기
- 코드 리딩 실력 키우기
ot는 이정도 되었던 거 같다 ot 부분만 썼는데 이미 분량 너무 많은거 같다
배운건 더 많은데,,
그리고 이번주 목표라고 들은 것,,
Week 1 목표
이번 주 목표는 게시물 등록, 게시물 상세 만들기인데 프리캠프 때도 했었으니까 금방하겠지?는 개뿔새뿔,,
프캠때 한건 기억도 잘 안나는거 같구^^ 현재 react에 죽어가는 한 영혼,,HTML, CSS가 그리워질줄이야,,
Day 1
본격적으로 수업을 시작하고 맨 처음엔 기본적인 React 소개와 왜 사용하는지, 그리고 수업에 필요한 설치들을 진행했다.
내 컴퓨터 설치
Node.js
-Javascript를 내컴퓨터에 실행하게 하는 실행기
NPM
-Node.js 에서 실행되는 라이브러리들이 모여 있는 곳
yarn
-NPM 안에 있는 라이브러리들을 더욱 빠르게 다운 받을 수 있는 곳
폴더에 기능 설치
next.js 프로젝트, emotion 등등
CLI 용어
ls : list 출력
mkdir : make directory, 디렉토리 만들기
pwd : print work directory, 현재 위치
cd : change directory, 지정 디렉토리로 위치 변경
cd ../ : 상위폴더 이동
rm -f 파일네임 or 폴더네임 : 지우기
rm -rf 폴더네임 : 안에 있는 파일까지 지우기
npm install : 재설치를 위한 명령어(package.json이 있는 위치에서 사용)
npm install -g yarn
sudo npm install -g yarn : 관리자 권한이 필요하면
: yarn 설치
yarn —version : yarn 버전 확인
VS CODE 터미널로 파일 생성 및 설정
-
Node.js 설치 후 node.js, npm 버전 확인 : node —version, npm —version
-
npx create-next-app 입력
-
y → 폴더명 입력해서 생성
-
node_modules, pages 안에 있는 api 삭제
-
package.json 파일 안에 코드 수정 :
"dependencies": {
"next": "12.1.0",
"react": "17.0.2",
"react-dom": "17.0.2"}
수업프로젝트 설치
코드캠프 노션 참고
https://www.notion.so/dingco/Frontend_Day01-977067c9c8514fc2a1e95c538c7c0d30
보일러 플레이트 : 초기 폴더 구조
프레임 워크 : next.js
기존 방법과 React의 차이점
- html, js 파일을 통합해서 모두 js 파일로 입력한다.
- 드르등등
Guide
런타임 : 프로그램이 실행되고 있는 환경(자바스크립트 런타임은 웹브라우저로 한정적이었으나 로컬에서도 JS가 작동할 수 있도록 Node.js를 개발)
Package.json : 프로젝트에 필요한 정보를 담은 카탈로그
프로젝트 정보
name, version, private, license 등
명령어 정보
dev, start, build 등
패키지 정보
devpendencies, devDependencies 등
localhost vs 127.0.0.1
User → DNS → Server
: DNS는 URL에 맞는 IP를 찾아 연결
Port : 컴퓨터가 서비스를 송수신 할 때 효율적으로 관리하기 위해 포트를 분리하여 사용
이미 점유하여 사용 중인 포트는, 여러 프로그램이 중복하여 사용할 수 없음
다른 포트로 연결하거나, 기존 점유중인 포트를 중지해야함Git : 분산 버전 관리 시스템
Github : git 저장소 호스팅
Git Repository : 폴더, 파일 등을 저장해 두는 공간
Local Repository : 내 PC에 파일이 저장되는 개인 전용 저장소
Remote Repository
git init : 새로운 git 저장소 생성
git clone : 원격 저장소 복제
commit : 폴더, 파일의 변경 사항을 기록하는 것(시간 순으로 기록됨)
branch : 동일한 코드를 기반으로 다른 작업을 할 때 branch를 생성하여 독립적인 작업을 진행할 수 있음
stage : 임시저장(취소가능)
1일차 후기 : 수업 자체는 막 계속 논스탑으로 6시반까지 달리는건 아닌데 왜 때문에 9시 반에 나간건지 모르겠다,,
이것도 과제 0.5도 못하고 운동 잡아놓은거 하러 그냥 간거였다,,
집가서 한 세시간 자고 또 무작정 컴퓨터만 붙잡기,,
사실 이거 적어둔건 거의 오전 수업이었고, 오후에 알고리즘 수업이랑 다른 수업들도 있었는데 그거 따라가느라 뭐 적어두지도 않았다,,
그리고 이건 아마 2일차까지 이럴듯 ^^<,
알고리즘도 분명 프리캠프 때 풀었던 문제 또 보는데도 기억 잃는 사과 먹은 느낌
3일차부턴 캡쳐도 열심히 하구 캠프 생활 사진도 좀 찍어봐야징,,
1일차 끝!
