프론트엔드 개발자가 되려고 정하고 나서 Javascript를 배우려고 '생활코딩'을 보고 공부를 하고 있다.
지금까지 공부한 것에 대한 모든 내용들을 velog에 작성을 했었는데 '생활코딩'을 하면서는 내가 생각했을 때 중요한 것만 기록해보려고한다. 그리고 나서 추후에 작성 방식을 다시 고민해보려고 한다.
1. 수업소개
- 글자 그대로 어떤 것을 배우는 지에 대한 영상이었다.
2. 수업의 목적
- 자바스크립트라는 언어는 html,css와 다르게 클라이언트들과의 상호작용을 담당하고 있다.
3. html과 Javascript와의 만남: Script태그
- html의 body 태그 속에 Script 태그를 작성하여 Javascript를 html에 삽입시킨다.
- alert 명령어로 경고창을 띄울 수 있고 value값을 사용하여 표시하고 싶은 경고문도 설정할 수 있다.
4. html과 Javascript와의 만남: 이벤트
- Javascript 명령어에서 onclick, onchange등과 같이 click을 하면 html상 내용이 변하는 것을 이벤트라고 한다.
- 굳이 명령어를 외우지 않아도 구글에서 검색만 잘하면 코드를 작성하는 데 어려움이 없다.
5. html과 Javascript와의 만남: 콘솔
- 크롬 -> 개발자도구 -> 콘솔로 가면 굳이 javascript 코드 테스트를 위하여 개발 IDE를 사용하지 않아도 된다.
- 콘솔창을 이용하여 Javascript 코드를 테스트 해볼 수 있다.
- 단, 콘솔창을 열었던 페이지에 존재하는 html,css,javascript 코드 위에서 진행된다.
6. 데이터타입 - 문자열과 숫자
- toUpperCase -> String(문자열)을 대문자로 변경시켜주는 명령어
- .length -> String(문자열)의 갯수를 세워주는 명령어
- 이렇게 String과 Number가 있다.
- String은 "문자열" <- 이런식으로 큰 따옴표나 작은 따옴표로 감싸주어서 작성한다.
7. 변수와 대입 연산
- var 변수 = 값등등 <- 이런 방식을 통해서 변수를 설정해준다. 아직까지는 var를 무조건적으로 변수 앞에 써줘야한다고 한다. 이유는 추후에 알려줄듯하다.
- 위에 '='가 대입 연산이다. 오른쪽에 있는 값등등이 변수로 대입이 된다.
- 대입 연산자를 사용하여 코드를 작성하고 콘솔창을 활용하여 테스트 해볼 수 있다.
logg