본문 바로가기

개발130

웹개발 인트로 (개념, 구조, 공부방향) 왜 웹 개발을 해야 하나? 진정으로 univeral(디바이스에 비종속적인)한 UX(사용자 경험) 제공 가능. 자신의 아이디어를 서비스로 빠르게 개발하고 배포할 수 있다. 사업/창업에 적합. 웹 개발자에 대한 많은 수요와 넓은 시장. 자기 능력을 길러 프리랜서가 되면 억대 연봉도 받을 수 있다. 기본적인 서비스 스택 기본적으로 웹은 UI를 만드는 것이다. (물론, 웹 개발에 쓰이는 언어로 back end도 만들 수 있다.) 웹 환경 HTTP라는 프로토콜(약속)로 서로 통신한다. request(요구)하는 쪽은 오직 User 쪽이고, response(응답)하는 쪽은 오직 Server 쪽이다. GET method를 통해 특정 resource(html 페이지, any data)를 얻기 위해 요청한다. 기타 다른 .. 2021. 2. 23.
JavaScript 기본 문법 정리 JavaScript는 웹에 상호작용을 더하게 해주는 요소이다. JavaScript(줄여서 JS)는 full-fledged dynamic programming language이다. 즉 html, css를 쓰는 사람은 프로그래머라고 부를 수 없지만 JS를 쓴다면 프로그래머라고 할 수 있다! JS는 매우 간결(compact)하면서 반면에 유연(flexible)한 언어이다. 따라서 많은 tool들이 core JavaScript language로 쓰이고, 이들은 최소한의 노력으로 많은 기능성(functionality)을 제공한다. 이에 다음의 이점들이 나타난다. web browser에 내장된 API(Application Programming Interface)로 동적인 HTML 페이지나 CSS 스타일을 만들어 낼.. 2021. 2. 21.
CSS 기본 문법 정리 CSS(Cascading Style Sheets)는 웹을 이루는 가장 기초적인 구성 요소 중 하나다. CSS는 style sheet language로 programming language가 아니다. 자세한 웹의 구조와 배경은 다음에 포스팅할 "웹 개발 Intro"를 참조해라. CSS의 ruleset의 구성요소 위의 전체 구조를 ruleset 또는 간단히 rule이라고 한다. 하나씩 분해하여 살펴보면 Selector(선택자) : style 받을 HTML element name을 지정한다. Declaration(선언) : 해당 element의 Properties을 style 하고 싶은 대로 구체화한다. Properties(속성) : 해당 element의 Properties를 지정한다. Property val.. 2021. 2. 20.
html 기본 문법 정리 html(HyperText Markup Language)는 웹을 이루는 가장 기초적인 구성 요소이다. html은 markup language로 pragramming language가 아니다. 자세한 웹의 구조와 배경은 다음의 "웹 개발 Intro"를 참조하라. 웹개발 인트로 (개념, 구조, 공부방향) 왜 웹 개발을 해야 하나? 진정으로 univeral(디바이스에 비종속적인)한 UX(사용자 경험) 제공 가능. 자신의 아이디어를 서비스로 빠르게 개발하고 배포할 수 있다. 사업/창업에 적합. 웹 개발자에 대 amkorousagi-money.tistory.com HTML 구성 요소 정말 단순 명료하다. 태그(tag) : 여는 태그 = "", 닫는 태그="" 속성(attribute) = "속성 이름"+"="+"속.. 2021. 2. 19.