TIL_221107 🍀✅Javascript_Basic

내일배움캠프 4기 스파르타코딩 React B반

---

🍀

• 튜터님 상담
  • 정말 바쁘게 보내며 프로젝트를 했는데 남은 게 없는 것 같다고 했더니 내가 맡은 DB연결 작업을 해냈다는 것에 만족해도 된다고 하셨다. 코드 하나 하나를 이해하지 못 했다고 하더라도 내가 append 함수에 대해 고민하고 문제를 해결하는 과정에서 이 함수에 대한 이해도도 올라갔을 것이고 결국 문제를 해결했을 때의 성취감을 느끼는 것도 아주 중요한 거라고 하셨다. 내가 밤새 고민하고 어?! 이거 이렇게 풀 수 있을 것 같은데? 하면서 결국 해결하는 과정이 개발자의 삶이랑 비슷하다고 하셨다.
  • 공부 방향 : 어떤 커리큘럼으로 해야 더 잘 할 수 있을 지 고민했는데 프로젝트 끝나고 오늘부터 시작하는 강의를 잘 듣고 커리큘럼을 따라오는 것만으로도 충분하고 벅찰 거라고 하셨다.
    이번 기회를 통해 Javascript 문법을 마스터 하겠다는 목표들을 세우고 꼭 이루자!!!!
  • 외국계, 해외 취업 : K-move를 통해 해외 1년 인턴 경험을 할 수 있다고 알려주셨다. 아무래도 직무 경력이 있어야 할 것 같아서 일단 취업 방향은 국내 기업으로 잡고 이후에 K-move나 '하이퍼 커넥트' 취업을 목표로 해야겠다.

---

📒

오늘의 공부

1. Javascript 문법 기초

• node.js 설치 - js 파일 생성 - terminal에서
  node hello.js(파일이름)으로 console값 출력

• 변수

  • 변수 선원 키워드 : let / const
    let 변수이름 = 값 : 재할당 가능
    const 변수이름 = 값 : 재할당 불가

• 연산자

  • 문자열과 숫자를 이어붙이면 숫자가 문자로 인식 됨
  • console.log(`이 신발의 가격은 ${shoesPrice}원입니다.`)
    백틱을 사용하여 문자열 데이터 간결하게 표현
  • 증감 연산자의 위치(앞, 뒤)에 따라 내용이 달라짐
    let count = 1
const preIncrement = ++count
    -> 자기 자신에게 1을 더해 재할당 한 후 pre~에 할당
    const postIncrement = count++
    -> 자기 자신을 pre~에 할당 후 1을 더 해서 재할당

• 조건문

  • 2km 이상 5km 미만을 표시할 때
    -> distance >= 2 && distance < 5
    -> 이렇게 배운 연산자 써보기!

• 반복문

  • while
  • for
    -> let 까먹지 않기!
    (근데 for문 안에 let 없이 써도 결과는 똑같긴 했음)

• 함수

  • const 변수명 = 선언한 함수명(매개변수들...)
    -> 함수 선언하고 호출하기!

• 클래스와 객체

  • class를 미리 정의 해 놓으면 new 키워드로 같은 속성과 매소드를 갖고 있는 객체를 빠르게 만들 수 있음(재사용성)
  • 특정 코드를 실행할 수 있는 method 정의 -> 객체 생성 -> 객체의 method 호출
  • object literal을 이용해 클래스 없이 객체를 만들 수 있음

• 배열

  • 배열의 마지막 요소 = length -1
  • 간단한 for문
    for (const color of rainbowColors) { console.log(color)}
    -> rainbowColors배열의 요소들을 color라는 변수에 할당

강의 자료 보면서 복습까지 완료!

---

2. CSS egg game

• level 12
  • 특정 element 뒤에 바로 따라오는 siblings들을 선택할 수 있는 selector: +
    -> ++ 하니 두 개가 동시에 선택 됨
• level 14
  • child element 선택: >

---

✅

문제 해결

• 어제 pull, push 연습할 때 내가 다른 분 repo에서 clone 해 올때 폴더를 지정하지 않고 새로운 폴더도 안 만들고 바로 사용자 폴더에 clone을 한 다음 code . 로 vscode를 열어 생각 없이 파일을 git add . 했더니 내 컴퓨터의 모든 파일이 올라갔다.. 10만개..?ㅎ
  discard all changes 누르니 뭐가 삭제 된 건지 모르겠지만 몇 개가 삭제되고 나서 아직 branch에 연결되어 있다며 삭제가 안 됐다.( ⭐함부로 discard 누르지 말자)
  매니저님 도움을 받아 숨겨진 파일보기로 .git 폴더를 나타나게 해서 삭제했더니 git이랑 연결이 끊어져서 10만개 파일이 더 이상 보이지 않았다.. 휴..
  삭제된 건 vscode에서 pip 등의 extension 파일들이라 다시 설치했다.

.git 폴더는 repo랑 연결 되면 생기는 파일로 이걸 지우면 repo와 연결은 끊어진다!

gitignore을 만들면 그 안에 들어간 파일은 git에 올라가지 않는다.

https://wooncloud.tistory.com/80
블로그 참고해서
https://www.toptal.com/developers/gitignore
ignore 파일 만들기

내가 깨달은 것들을 미니프로젝트 팀원들에게 공유해주었다. 오류가 생긴 원인과 주의해야 할 점들을 다시 한 번 짚고 나니 내 머릿속에서도 더 정리가 잘 된 것 같다!

---