TIL: 13일차 "Scope"

함수의 이야기를 하고 잠시동안 변수로 돌아가는 일이 되지만, 오늘은 스코프(scope)에 대해 알아보려 한다.scope는 유효범위라는 뜻을 가진 개념으로, 그 말 그대로 변수, 함수명의 유효범위를 뜻한다.부연 설명을 하자면, 특정 변수가 선언 되었을때, 이 함수를 어디

약 2시간 전
·
0개의 댓글

TIL: 12일차 "function"

함수는 본래 수학적인 의미에서는 두 변수 x와 y에 대하여 x가 정해졌을때, 그에 따라 y의 값이 오직 하나로 결정되는 수를 함수라 한다.프로그래밍에서 함수라 하는 요소는, 특정 동작을 수행하는 코드의 구문을 이야기한다.특히 자바스크립트에서는 브라우저를 조작하거나, 연

어제
·
0개의 댓글

TIL: 12일차 "조건문과 반복문"

자바스크립트를 사용하는 핵심은, 동적인 기능을 부여하는데에 있다. 그러기 위해서는 브라우저가 ~할때, ~한다와 같은 조건을 걸어 놓을 필요가 있다.우리가 클릭을 했을때, 메뉴를 열어라와 같이 말이다.이를 위한 자바스크립트 문법으로 조건문이라는것이 있다.if조건문의 사용

2일 전
·
0개의 댓글

TIL: 11일차 "연산자"

자바스크립트에 변수와 데이터 타입에 대해 알게 되었다면, 어제 잠깐 이야기가 나왔던 연산자에 대해 이야기를 해 보려고 한다. 연산자란 데이터를 사용해서 덧셈,뺄셈등의 연산을 가능하게 만드는 요소를 의미한다.연산자에는등의 많은 연산자가 있다.하나씩 알아보도록 하자산술연산

3일 전
·
0개의 댓글

TIL: 10일차 "자료형과 변수"

JavaScript는 앞에서 공부했던 HTML CSS와는 다르게, 연산이 가능하고 로직을 구성하는것이 가능한 프로그래밍언어로서, 프로그래밍 언어를 사용함에 있어서 알아야 하는 데이터 타입과 변수의 개념에 대해 알아야 할 필요가 있는 언어이다.Data Types 즉 데이

4일 전
·
0개의 댓글

TIL: 9일차 "JavaScript"

JavaScript는 본래 브라우저에서 사용 되기 위해 만들어진 언어로, 현재는 HTML과 CSS와 더불어 웹을 만들고, 제어하기 위한 언어로서 사용 되고 있다.문서의 내용을 편집하는 HTML과, HTML로 작성된 문서를 디자인 하기 위한 CSS, 그리고 웹의 동적인

5일 전
·
0개의 댓글

TIL: 8일차 "pseudo-selector & State"

CSS를 다룰때엔 많은 옵션이 있다.그 중, pseudo-selector 이하 수도 선택자라 불리는 옵션에 대하여 이야기 하려 한다.수도선택자는 지정 된 선택자에 가상의 클래스를 부여하는 선택자이다.수도선택자의 표기법은,와 같이 나타내는데, 위의 예에서 :hover이라

6일 전
·
0개의 댓글

TIL: 7일차 "Position"

Position속성은 요소들의 대략적인 위치가 아닌, 보다 세밀하게 제어하기 위한 속성이다.position에 입력 할 수 있는 속성들은 각각 fixed, static, sticky, absolute등이 있다.그 중, 몇가지의 특징을 알아보자면,첫번째로 fixed라는 속

2021년 4월 12일
·
0개의 댓글
post-thumbnail

TIL: 6일차 "Flexbox"

지난 TIL에서 Block Level Element와 Inline Level Element, 그리고 이 둘을 합한 Inline-Block Element에 대해 알아보았다.결점이 많은 Inline-Block을 사용하기엔 아무래도 무리가 있기에, CSS에서 컨텐츠를 조정

2021년 4월 11일
·
0개의 댓글
post-thumbnail

TIL: 5일차 "Inline-block"

HTML을 작성하고 CSS로 배치할때, 반드시 사용하게 되는 속성이 바로 display 속성이다. display는 해당 문서가 어떻게 작성 되는지 알려준다.앞선 TIL에서 대표적으로 <div>는 블럭요소, <span>은 인라인 요소라는것을 알게 되었고, 대략

2021년 4월 10일
·
0개의 댓글

TIL: 4일차 "CSS id&class"

CSS를 이용하는 목적은 HTML로 쓰여진 요소를 디자인 하기 위해서이다. CSS가 없는 HTML문서는 꾸며지지 않은 요소이기에 시각적 디자인을 CSS를 사용해서 하게 되는데, link태그로 CSS를 연결하는것 까지는 했으나, 여기에서 어떻게 HTML을 지정해야 할까?

2021년 4월 9일
·
0개의 댓글
post-thumbnail

TIL: 4일차 "Margin과 Padding의 이해"

CSS를 작성하다보면 쉽게 마추지는 속성중에 Padding과 Margin을 볼 수 있을것이다. 두 속성 모두 여백에 관여하는 속성이지만 큰 차이점이 있다. 그 차이는 무었일까?다음 그림을 보며 이해해보자.margin속성과 padding속성의 차이에 대한 답은 borde

2021년 4월 8일
·
0개의 댓글

TIL: 3일차 "div태그의 이해"

HTML에서 자주 사용 되는 <div>태그는 쉽게 말해 전체 <body>태그의 본문을 분할하는 요소라 할 수 있다.<div>태그 하나로는 아무 내용도 포함하지 않지만, 이 태그 안에 들어가는 내용을 <div>태그를 통해 CSS로 조정하는것이 가능하

2021년 4월 7일
·
0개의 댓글

TIL: 2일차 "HTML"

HTML을 작성하다보면 HTML문서의 최상단에 <!DOCTYPE HTML>이라는 구문을 확인 할 수 있다.이 <!DOCTYPE HTML>은 HTML문서 최상단에서 브라우저에게 해당 HTML의 버전을 알려주는 역할을 하게 된다.이 구문은 <>로 감싸져 있

2021년 4월 6일
·
0개의 댓글

TIL: 1일차 "HTML&CSS"

HTML을 이용해 명령을 내리기 위한 명령어로서 <>기호 안에 특정 명령어를 입력하는것으로 문서에 속성을 부여 할 수 있다. Tag의 예로서

2021년 4월 5일
·
0개의 댓글