네이밍케이스
- 폴더, 파일
→ kebab-case / snake_case
- 알파벳 소문자
- 두 개 이상의 단어를 쓸 때는 하이픈
- 변수, 함수
→ camelCase
- 클래스
→ PascalCase
자바스크립트 함수 4가지 방식
function add1(x,y){
return x + y;
}
let add2 = function(x,y){
return x + y;
}
let add3 = (x,y) => {
return x + y;
}
let add4 = (x,y) => x + y;
foreach와 map
- 두 함수 모두 배열이나 리스트등의 데이터 구조를 반복하며 각 요소에 대한 특정 동작 수행
- map
- 새로운 배열을 반환 , 원본 배열 변경 x
- foreach
- 반환 값이 없으며 각 요소에 지정된 함수를 실행
const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(num => num * num);
console.log(squaredNumbers);
numbers.forEach(num => console.log(num * num));
리팩토링
- 소프트웨어의 코드 내부(구조)를 변경하는 것
- 나쁜 코드를 클린코드(이해하기 쉽게, 성능을 높이고, 안정성 있게)로 바꾸기 위해
리팩토링 해야 할 시기
- 에러(문제점)이 n회 발견되었을 때
- 리팩토링을 하며, 에러(문제점)을 발견할 수 있음
- 기능을 추가하기 전, (통일감을 주는 등)
- 코드 리뷰할 때
! 배포, 운영 직전에는 절대로 코드 수정이 일어나선 안됨
HTTP 상태 코드
- HTTP(인터넷 상에서 통신할 때 사용하는 규약) 안에 작성되어서 들어가는 “상태”
- 클라이언트(사용자, 화면)와 소통을 정확하게 하기 위함
| 상태 코드 | 설명 |
|-----------|------------------------------------------|
| 2xx | 성공 |
| 200 | 요청이 성공적으로 처리됨 |
| 201 | 새로운 리소스가 성공적으로 생성됨 |
| 204 | 요청이 성공적으로 처리되었지만 컨텐츠 없음|
| 301 | 리소스가 영구적으로 새 위치로 이동됨 |
| 3xx | 리다이렉션 |
| 302 | 리소스가 일시적으로 다른 위치로 이동됨 |
| 4xx | 클라이언트 오류 |
| 400 | 잘못된 요청 또는 요청 형식 오류 |
| 401 | 인증되지 않은 접근 시도 |
| 403 | 요청이 서버에 의해 거부됨 |
| 404 | 요청한 리소스를 찾을 수 없음 |
| 405 | 해당 메서드가 허용되지 않음 |
| 5xx | 서버 오류 |
| 500 | 서버 내부 오류 |
| 502 | 게이트웨이 또는 프록시로부터 잘못된 응답|
| 503 | 서비스를 사용할 수 없음 |
| 504 | 게이트웨이 타임아웃 |
== vs ===
== : 값만 비교
=== : 값과 함께 자료형까지 비교
핸들러
- HTTP request가 날아오면 자동으로 호출되는 메소드
- 콜백함수로, app.HTTPMETHOD(path, 핸들러)