brunch

웹 개발 : 자바스크립트 스터디 #2

자바스크립트 공부 내용을 정리한 글입니다

by 리플러스


안녕하세요 리플러스입니다.


웹개발 기초에 대한 내용을 디자이너들도 알기쉽게 시각화하여 정리하고있습니다. 강좌영상을 기반으로, 프로그래밍 이해에 중요한 지점들을 추가하고있으며, 추후 이 내용을 갖고 간단한 영상화를 진행할 예정입니다.


-


이번 스터디 내용은 생활코딩의 자바스크립트 강좌를 기반으로 시각화를 진행하였습니다.

https://www.youtube.com/watch?v=Vzrl1lsQ1Ok&list=PLuHgQVnccGMA4uSig3hCjl7wTDeyIeZVU&index=13








- 사람이 읽기 위한 주석처리

2020-01-08_022816.png




- 한줄짜리 주석처리 + 여러줄 주석 처리

2020-01-08_022902.png




- 변수에 대한 선언방법 (feat. baba is you)

2020-01-08_022913.png





- 변수에 대한 선언을 독특하게 게임으로 풀어낸 케이스 (baba is you)

https://www.youtube.com/watch?v=U7MJljsoUSo&feature=emb_title







- 비교연산자는 거짓말 탐지기 !

2020-01-08_022926.png




- 비교 연산자를 사용하는 이유

2020-01-08_023026.png




- 비교 연산자를 응용한 간단한 스위치

2020-01-08_023045.png





- 비교연산자를 사용한 간단한 조건문 예시 (시험성적)

2020-01-08_023417.png





- 비교 연산자의 종류

2020-01-08_023229.png





- 이 내용은 UI 디자인 연구소 - 단톡방에 올려진 자료를 정리하여 만들어진 컨텐츠입니다. 저희 단톡방은 잡담이 불가능한 방입니다. 단톡방에 들어오시려는 분은 - 이용안내문을 꼭 확인해주세요!



https://brunch.co.kr/@clay1987/113


keyword
작가의 이전글웹 개발 : 자바스크립트 스터디 #1