brunch

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

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

by 리플러스


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


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


-


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

https://www.youtube.com/watch?v=knIpYEODO3Y&list=PLuHgQVnccGMA4uSig3hCjl7wTDeyIeZVU&index=10








- 자바스크립트의 명령체계

2020-01-06_232725.png





- 자바스크립트의 명령체계는 GUI가 없는 트리구조

2020-01-06_232733.png




- 자바스크립트로 브라우저에게 말 시키기

2020-01-06_232745.png




- 프로그래밍에서의 정보규격은 크게 숫자와 텍스트로 나뉜다.

2020-01-06_232537.png





- 컴퓨터의 입장에서 숫자와 텍스트는 서로 완전히 다르다.

2020-01-06_232550.png




- 변수와 고정된 정보의 차이점

2020-01-06_232633.png




- 변수를 사용하면 편리한 실제 사례 : 반복작업이 사라진다

2020-01-08_022833.png




- 실제 사례 : 변수를 사용한 계산과, 고정값을 사용한 계산

2020-01-06_232643.png





- 실제 사례 : 로그인 이후 뜨는 프로필 UI에 대한 변수 / 고정값 분석

2020-01-06_232704.png







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



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



keyword
작가의 이전글UI 분석 : 구글 clock 앱