공부/웹 개발 3

[웹 개발] JavaScript - 2. 자료형과 변수

C언어나 JAVA의 경우 정적 타이핑 언어로 변수 선언 시 변수에 저장할 값의 종류에 따라 사전에 자료형을 지정하여야 했습니다. 12int num = 46;char * str = "String";cs 자바스크립트는 동적 타이핑 언어로 변수의 Type annotation이 필요없이 값이 할당되는 과정에서 자동으로 변수의 자료형이 결정됩니다. 따라서 같은 변수에 여러 자료형의 값을 할당할 수 있습니다. 123var str = 'Hello';var num = 1;var bool = true;cs 이와같은 효과가 편해 보일수 있지만, 디버깅 혹은 해당 값의 자료형이 무엇인지 알기 힘들기 때문에 디버깅 등에서 혼란이 일어나기도 합니다. 그렇기 때문에 자바스크립트를 개선한 다른 언어에서는 자료형을 표시하기도 했습니..

공부/웹 개발 2018.10.18

[웹 개발] JavaScript - 1. JavaScript 동작원리

자바스크립트의 동작원리 Javascript는 웹 브라우저를 벗어나 서버 사이드 애플리케이션 개발에서도 사용되는 Full-stack 개발 언어이지만, 그래도 Javascript가 가장 많이 사용되는 분야는 웹 브라우저에서 동작하는 웹 페이지/애플리케이션입니다. 브라우저의 주요 기능은 사용자가 참조하고자 하는 웹페이지를 서버에 요청(Request)하고 응답(Response)을 받아 브라우저에 표시하는 것입니다. 브라우저는 서버로부터 html, css, javascript 파일을 응답받습니다. html, css 파일은 렌더링 엔진의 HTML 파서와 CSS 파서에 의해 파싱(Parsing)되어 DOM, CSSOM 트리로 변환되고 렌더 트리로 결합됩니다. HTML 파서는 script 태그를 만나면 DOM 생성 프..

공부/웹 개발 2018.10.18

[웹 개발] JavaScript - prologue

입사 후 작업하며 공부한 것을 토대로 글을 작성하고자 합니다. 주로 웹 클라이언트단을 작업하고 있는 신입입니다. 참고사항 도서 Learning JavaScript – O’Reily jQuery를 활용한 인터랙티브 웹 콘텐츠 제작 사이트 https://poiemaweb.com/ https://www.w3schools.com/ 그 외 수 많은 블로그 주로 JAVA를 공부했었습니다만... 앞단을 작업하기 위해 JavaScript를 공부하게되었습니다. JavaScript에 대한 기초지식은 전무했고 일을 하며 공부한 것을 바탕으로 글을 작성하려 합니다. 먼저 Javascript는 HTML, CSS와 함께 웹을 구성하는 요소중 하나로 웹브라우저에서 동작하는 유일한 언어이며,멀티-패러다임 언어로 명령형, 함수형, 프..

공부/웹 개발 2018.10.17