후회가 없도록

1. 조건문(if문) 다음과 같이 if, else if, else를 이용하여 다양한 형식의 조건문 작성이 가능하다. // if문 if ( 조건 ) { 조건이 true일 때 수행할 명령; } // if - else문 if ( 조건 ) { 조건이 true일 때 수행할 명령; } else { 조건이 false일 때 수행할 명령; } // if - else if문 if ( 조건1 ) { 조건1이 true일 때 수행할 명령; } else if ( 조건2 ) { 조건2가 true일 때 수행할 명령; } else if ( 조건3 ) { 조건3이 true일 때 수행할 명령; } // if - else if - else문 if ( 조건1 ) { 조건1이 true일 때 수행할 명령; } else if ( 조건2 ) { 조..

1. 산술 연산자 여느 프로그래밍 언어에도 있듯이 자바스크립트에도 다음과 같은 기본적인 산술 연산자가 존재한다. +(더하기), -(빼기), *(곱하기), /(나누기), %(나머지) 특이한 점은 자바스크립트에선 string 타입의 숫자에도 똑같이 숫자의 산술 연산자 방식으로 적용된다. 단, 더하기는 문자에 문자를 이어 쓰는, 문자열 덧셈 방식으로 동작한다는 점을 유의해야 한다. // 덧셈 6 + 3 // 9 6 + '3' // '63' '6' + '3' // '63' // 뺄셈 6 - 3 // 3 6 - '3' // 3 '6' - '3' // 3 // 곱셈 6 * 3 // 18 '6' * 3 // 18 '6' * '3' // 18 parseInt(7 / 2) // 몫은 나눗셈을 진행한 후에 버림을 수행함으..

1. 자바스크립트의 변수 1) var 가장 기초적인 변수 선언 방법이다. 한 번 선언하면 다른 방법들과 달리 파일 전체(전역 변수)에서 영향을 끼친다. 최근에는 변하기 쉽고, 명시성이 부족한 var보다는 let과 const 두 가지를 사용한다. hoisting(코드 내 어디에서 선언 및 초기화가 되든 코드 맨 첫 줄부터 동작)이 가능하다. 재선언 가능 재할당 가능 var name; // 변수 선언. name 안에는 'undefined'가 저장됨. name = 'gildong' // 변수 초기화(할당) var name = 'gildong' // 변수 선언 및 초기화 var name = 'gildong', first_name = 'Hong' // 한 번에 여러 변수 선언, 초기화 가능 2) let var와 ..

※ 해당 글에서는 CSS의 선택자를 임의로 태그명을 호출하는 것처럼 작성했지만, 실제로는 선택자 작성 방법을 참고하여 호출할 것. 1. CSS 박스 모델 HTML과 CSS에서는 각 태그와 구역을 박스 모델로써 나타낸다. 그리고 여러 개의 박스 모델들이 각각 아래와 같은 구조를 가지며 차곡차곡 쌓인 것이 웹 페이지이다. 이 박스 모델은 margin, border, padding, content로 구성된다. 이 중 margin, padding은 구역의 넓이와 높이, 여백 등을 설정할 수 있는 속성으로, 상하좌우 설정이 가능하다. top, right, bottom, left 순서로 한 줄에 속성값 작성도 가능하다. /* 상하좌우 중 원하는 방향 속성만 지정 */ box { margin-top: 50px; ma..

1. 선택자 CSS에서는 선택자라는 것이 있는데, 이는 HTML의 어떤 영역과 요소에 스타일을 적용할지 가리키는 것이다. 크게 태그 Type, Class, ID로 구성되어 있고, 세 가지 모두 각 태그의 인라인 설정(속성)에서 확인할 수 있다. 1) Type 태그명으로 요소를 선택 childTag { 속성: 속성값; } 2) Class 클래스 속성값. 태그 속 class 속성의 속성값으로, CSS에서는 클래스 바로 앞에 마침표(.)를 찍어서 표현한다. .ClassName { 속성: 속성값; } 3) ID ID 속성값. 태그 속 id 속성의 속성값으로, CSS에서는 ID 바로 앞에 샵(#)을 붙여서 표현한다. #IDName { 속성: 속성값; } 4) 같은 부모 선택자 내에서 특정 자식 선택자만 고르고 싶..

웹 페이지의 디자인을 책임지는 CSS 1. 기원 1) 누가 하콤 비움 리(Håkon Wium Lie) 2) 언제 1994년 10월 10일 3) 어디서 - 4) 어떻게 - 5) 왜 웹 페이지를 디자인하는 방법으로는 기존에 HTML의 태그 내부에서 또는 태그를 통해 추가하는 방법이 있었다. 하지만 점점 디테일하고 높은 수준의 디자인 수요가 늘어나고, HTML에는 웹 페이지의 정보를 다루는 것에 집중을 하기 위해 CSS(Cascading Style Sheet) 파일을 따로 생성하여 적용하게 된 것이다. CSS는 지금까지 여러 버전을 거쳐왔는데, CSS1은 1996년 12월 W3C의 권고 사항으로 나온 버전으로 모든 HTML의 태그에 대한 간단한 시각적 포맷 모델과 CSS의 언어에 대한 설명이 담겨있다. CSS..

이 글의 내용은 HTML5를 기준으로 공부한 내용을 정리한 글이다. 아래 태그 중에는 몇 가지 태그를 제외하고 HTML5 외 버전이나 브라우저에서 사용할 수 없는 태그도 존재함을 유의할 것. 태그 정리에 앞서 HTML에서 알아두면 좋은 내용 1. HTML 주석 기호: 2. VSC(Visual Studio Code)에서 작성하는 경우에 !(느낌표) 하나를 입력한 후, 탭(tap) 키를 누르면 VSC에서 기본적인 구조를 작성해준다. 3. HTML에서 한글을 사용하기 위해서는 : 문서와 관련된 요약 정보를 담는 태그 4) : 눈에 보이는 웹 사이트의 내용과 모든 구조의 설계 내용을 담는 태그 5) : character setting의 약자로, 모든 문자(한글 등)를 웹 브라우저에서 깨짐 없이 표시할 수 있게 ..

웹 제작의 설계도, HTML 1. 기원 1) 누가 팀 버너스 리(Tim Berners-Lee) 2) 언제 1990년 말에 명시 3) 어디서 유럽 입자 물리 연구소(CERN) 4) 어떻게 버너스리가 제안한 인콰이어(HTML의 원형)로부터 시작 5) 왜 1980년, CERN의 비정규 계약직으로 일하던 팀 버너스 리는 CERN의 연구원들 사이에서 문서를 이용하고 공유하기 위한 체계로써, 인콰이어라는 것을 제안했다. 그는 이를 더 발전시켜서 1989에는 인터넷 기반의 하이퍼텍스트 체계를 제안하는 메모를 작성, 1990년 말에는 이를 HTML로 명시하며 브라우저와 서버 소프트웨어를 작성했다. 1991년 말에는 버너스 리가 처음으로 인터넷에서 문서를 HTML 태그(tag)라고 부른 것이 HTML 최초의 일반 공개 ..

10일 만에 개발된 언어 1. 기원 1) 누가 브렌던 아이크(Brendan Eich) 2) 언제 1995년 3) 어디서 넷스케이프(Netscape) - 웹 브라우저 시장에서 당시 큰 점유율(80%)을 차지하던 넷스케이프 네비게이터(Netscape Navigator) 만든 회사 4) 어떻게 10일 만에 5) 왜 1993년에 처음으로 UI(User Interface) 요소가 더해진 웹 브라우저가 출시되었다. 이 브라우저는 회사 NCSA의 Mosaic Web Browser(모자이크 웹 브라우저)였는데, 당시 모자이크 웹 브라우저의 개발팀을 이끌던 마크 앤드리슨(Marc Andrrssen)은 대학교를 졸업하면서 Netscape(넷스케이프)라는 회사를 설립했다. 그는 모자이크 웹 브라우저의 경험을 살려 조금 더 ..

명시적인 것이 암시적인 것보다 낫다. - 파이썬 철학 중 일부 - 1. 기원 1) 누가 귀도 반 로섬(Guido van Rossum) 2) 언제 1989년 12월 3) 어디서 네덜란드 CWI(Centrum voor Wiskunde en Informatica, 국립 수학 및 과학 컴퓨터 과학 연구기관) 4) 어떻게 최초로 1980년대 말 고안되었고, 반 로섬이 구현하며 파이썬의 주 저자로 계속 중심적 역할을 맡아 파이썬의 방향을 결정. 5) 왜 귀도 반 로섬은 암스테르담대학교에서 컴퓨터과학과 수학을 전공하고, CWI라는 연구소에서 인터프리터 언어(interpreted language)를 개선하는 일을 맡았다. CWI에서는 개발 범용의 명령형 컴퓨터 프로그래밍 언어 ABC를 개발하는 프로젝트를 시작했지만, ..