이고잉님의 좋은 말씀 타임

코딩을 할때는 처음부터 잘 짜려고 너무 노력하지는 말라고 하셨다. 어차피 다음에 리팩토링을 하게 될 것이고, 코딩을하는 두려움이 없어져야 재미를 붙여서 지속적인 공부를 할 수 있게된다고 말씀하셨다.
매우 공감하는 부분이다. 우리가 재미없고 바로바로 피드백이 안오는 학교공부를 12년동안이나 하다보니 학교공부 학습법에 익숙해져서 코딩도 똑같이 학교공부하려고 노력하는 사람들이 많은 것 같다. 이런 고정관념을 바꿔야 코딩에 대한 흥미와 재미가 더 빨리 붙을 것이고, 직접 실행해보고 고치고 만져보면서(아기들이 장난감을 가지고 놀듯이) 실력을 쌓아가는 방향이 맞다고 생각된다.

Javascript 기초

Javascript를 실행하는 몇가지 방법

1. 크롬 개발자도구 콘솔에서 실행
2. html 문서안에 <script></script> 안에넣어서 실행(위치는 상관없음)
3. onclick="" ""안에 넣어서 Javascript실행
4. <script src="파일주소"></script> = 파일 자체를 따로 빼서 불러올 수 있음

데이터타입

데이터 타입은 워낙 많이 반복해서 어려운점은 없었다.
float,interger,boolean,string

연산자

++,--,+,-,*,&&,|| 등 기본적인 부분!

let,var,const

let을 왜 사용할까? 변수들을 관리할때 다시 선언하게 되면 어디가 문제인지 트랙킹을 하지 못하기 때문에 사용한다.

빽틱(`)안에 ${}를 쓰면 편하게 변수 값을 넣어줄 수 있다.(var만 가능 영역문제로)

변수를 왜 쓸까요?

남이 데이터를 어떤 의도로 썼는지 이해 시키기 위해서 쓴다.
심지어 나조차도 3개월지나면 남이 쓴 코드이다.

이고잉 코치님 : 변수는 데이터에 이름을 붙인 것

querySelector

css와 좀 다른 방식이라서 헷갈릴수 있다.
ex.
Javascript = backgroundColor
CSS = backgoround-color

.this

this 약속된 기능이다.
넣는 곳 마다 범위가 달라지기 때문에 다 달라진다.

Hoisting

위에서 아래로 읽는 자바스크립트 특성상 메인코드아래에 함수를 적으면 메인코드에 함수를 부르면 함수가 실행되지 않는 현상을 막기 위해 만든 기능!

몇가지 팁들

"", '' 말고도
``으로 문자열을 묶어줄수 있음

(ex. let a = `ss`) === ss
(ex. let a = `s
s`) === ss //오류 안나고 알아서 띄어쓰기 해줌! 

대문자로 변수 만들면 const라고 생각하면 됨. 건들면 안되겠다~ 그런의미

큰 규모의 프로젝트들은 재사용이 중요하다.

자바스크립트의 함수 파라메타 문제

자바스크립트는 파라메타를 부족해도 받아준다.(오류가 안남)
ex). function p ( a, b, c){
console.log(a,b,c)
}

p('hello',35)
오류 안남?!
왜냐? 자바스크립트는 이런 에러들을 최대한 적게 만들기 위해 만든 언어라!

Dom, event,defer

-공부하기

버전관리에 대한 이야기

깃을 통해 커밋전에 수정사항들을 확인해보기
리마인드 할 수 있기 때문에 좋다.