베이직반2, 3 240520 - git 단축키, express 해보기

아니.. 왜 2어디갔냥.. 

240517 베이직2

규칙 : 과제는 깃으로 제출... 깃에 익숙해짐

 

터미널에서 깃 클론하는 법

Cd ~ (상위 폴더에 가서)

Mkdir basic (basic 파일 만든다.)

Cd basic (basic 폴더로 이동)

Git clone 주소

Ls 보면 만들어진 폴더명인 todolist있음

Cd todolist/  하면 설치완료

 

몰랐던 것 : gco (gco main 이렇게 썻는데.. 이건 뭘까)

Git add 파일명.js -> 커밋 -> 푸쉬

Git add -A : 전체 저장 (add . 와 다른듯..?)

Git commit -am”수정과 생성을 동시에”수정된 파일 전체를 에드하고 커밋

Git status : 바뀐상황 볼 수 있음

 

Git log 커밋단위로 내역 볼 수. 있으며 중간 상태로 돌릴 수 있음

 

깃 단축키 

https://jw910911.tistory.com/45

GIT - Oh-my-zsh 터미널에서 많이쓰는 git 단축키 정리

 

240520 베이직3

 

오늘도 깃과 친해지기...

명령어 뒤에 —force    강제 (항상 쓸 순 없는 것)

git --help  관련 명령어 있는 듯

 

날린거 복구 하는 방법

1. 그냥 다시 만든다

2. git checkout main - git pull origin main - gco 내 브랜치(파일주소 포함) - git merge main

- gco main - git log 보고 해당 지우기 전 번호 복사 - git reset log - git commit 복사코드 --hard - git reset 복사코드 force

(빨리 쓰느라 정확하진 않지만 중요 포인트는 적었음.. : 녹화본 다시 볼 것 )

 

CORS : CORS(Cross-Origin Resource Sharing)는 웹 브라우저에서 다른 출처(도메인, 프로토콜, 포트 등)의 리소스를 요청할 때 적용되는 보안 정책

 CORS의 목적

CORS는 웹 브라우저의 동일 출처 정책(Same-Origin Policy)을 보완하기 위해 도입되었습니다. 동일 출처 정책은 스크립트가 자신과 동일한 출처의 리소스만 요청할 수 있도록 제한하여 웹 보안을 강화합니다. 그러나 이 정책은 다른 출처의 리소스를 활용하는 것을 불가능하게 만듭니다.
CORS는 서버 측에서 특정 출처에 대해 리소스 공유를 허용하도록 설정함으로써, 동일 출처 정책의 제약을 완화하고 다른 출처의 리소스를 안전하게 요청할 수 있게 해줍니다.

 CORS의 동작 원리
1. 브라우저는 다른 출처의 리소스를 요청하기 전에 예비 요청(Preflight Request)을 보냅니다.
2. 서버는 예비 요청에 대한 응답으로 Access-Control-Allow-Origin 헤더를 포함하여 해당 출처에 대한 접근 권한을 알립니다.
3. 브라우저는 서버의 응답에 따라 실제 요청을 보내거나 차단합니다.
이를 통해 CORS는 웹 애플리케이션이 다른 출처의 리소스를 안전하게 활용할 수 있도록 해주며, 동시에 악의적인 요청을 차단하여 보안을 강화합니다.

 

 과제1

새 과제이므로 새 파일 만들어서 express 구현하기

: 그동안은 개인과제 하느라 내 폴더에만 설치해본적이 없었고, 프로젝트 전체에다가만 했었는데 

cd 활용해서 내 폴더 안에만 깔기 가능... 신기

yarn init -y

yarn add express

 

app.js 에 

import express from 'express';

const app = express();

const PORT = 3000;

app.get('/', (req, res) => {

res.send('Hello World!');

});

app.listen(PORT, () => {

console.log(PORT, '포트로 서버가 열렸어요!');

});

 

요친구 연습하기 

 

과제2 

json과 object 구분하고 차이점 알아오기