TIL 20230524

728x90

오늘 목표

TIL 리뷰

TIL 작성

자바스크립트 문법 종합반 2주차, 3주차

모두의 깃, 깃허브 section 1, 2, 3, 4, 5 (git 특강 이전 종료 요망)

오늘 한 것

TIL 리뷰

TIL 작성

소개위드미 ver.7 업데이트

모두의 깃, 깃허브 section 1, 2, 3, 4- 깃허브와 소스트리 연동하기 (들을 차례)

자바스크립트 문법 종합반 2주차

네이밍 컨벤션 공부 1일차

0. 소개위드미 ver.7

캠프 대원 님의 조언에 따라 if문 중노동으로 돌리던 체크박스를 querySelectorAll을 이용해 변경하기로 하였다.

forEach를 비롯하여 많은 개념을 설명해 주셨다. 모두 기억나지는 않지만 덕분에 배열과 객체의 개념을 잡을 수 있었다.

열심히 하자. 감사합니다.

0-1. Object의 length

문제

오브젝트 타입인 part의 length를 알아야 for문을 활용할 수 있는데 방법을 몰랐다.

시도

part.length // fail

해결

Object.keys(part).length

구선생(goooogle) 최고

알게된 것

Object.keys(오브젝트명) 을 하면 오브젝트의 key 값을 요소로 갖는 배열을 얻을 수 있다.

이 배열의 길이를 구하면 오브젝트의 길이가 된다.

0-2. 변수에 값이 없다면 undefined

문제

0 번째 object의 value가 undefined 로 나온다.

문제 코드)

let part = document.querySelectorAll("input[name='part']:checked");
 let partgive
 let partkeys = Object.keys(part).length
 for (let i=0;i<partkeys;i++){
  partgive = partgive +  "  " + part[i].value
 }

시도

너무 어려워서 GPT에게 물어 봄 > partgive에 값을 줘라

partgive 에 값을 주지 않았을 경우

partgive = undefined + " " + part[i].value

즉, undefined frontend backend

나의 분노 버튼을 누른 출력값이 나온다.

let partgive = ' '

또는

let partgive = ''

해결됨

해결

undefined 값이 사라짐

let part = document.querySelectorAll("input[name='part']:checked");
 let partgive = ' '
 let partkeys = Object.keys(part).length
 for (let i=0;i<partkeys;i++){
  partgive = partgive +  "  " + part[i].value
 }

알게 된 점

undefined 방지를 위해서는 변수에 값을 주어야 한다.

이때 값은 ''이나 ' '이어도 상관이 없다.

1. git

1-1. 버전 비교

command로 중복 선택 후 버전 비교 가능

1-2. 버전 되돌리기

revert: 지금까지 한 버전 + 선택된 버전 = 최종 버전

커밋 되돌리기

reset: 버전 1,2,3 중에 3을 리셋하면 버전 3의 존재 자체가 사라진다.

이 커밋으로 초기화

- soft reset: 커밋 했던 사실 되돌리기

- mixed reset: 스테이지로 추가했다는 사실까지 되돌리기

- hard reset: 변경사항 생성 자체를 되돌리기

1-3. 스태시

임시 저장하는 기능 > 스태시 이후 치워두기에서 확인 가능

1-4. 체크아웃

작업 환경으로 설정한다.

1-5. 충돌

1-6. rebase

브랜치 재배치 하기 (1자로 병합됨)

2. 네이밍 컨벤션

2-1. boolean type

참고자료 : https://soojin.ro/blog/naming-boolean-variables

is 용법
- is + 명사
- is + 현재진행(~ing)
- is + 형용사
- ~~is + 동사원형~~ (절대 쓰면 안됨)
조동사 용법
- can, should, will 등
- 조동사 + 동사원형
has 용법
- has + 명사
- has + 과거분사 (is + 과거분사와 의미 거의 동일)
동사원형 용법
- 3인칭 단수

정리