profile
안녕하세요

TIL No.15 CSS flex box!!

2가지 중요한 포인트가 있다.각각 적용할 수 있는 속성값들이 있다.box에 지정하는 속성들이 있고 box에 들어가는 items에 지정하는 속성들이 있다.displayflex-directionflex-wrapjustify-contentalign-itemsalign-con

약 14시간 전
·
0개의 댓글

TIL No.14 JS기초-7 (Array Api)

배열을 문자열로 변환해준다..join() 괄호안에 넣은 문자로 구분자를 표시한다.문자열을 배열로 변환해준다..split(',', number) split은 꼭 구분자,로 구분지어 줘야하고 뒤에 나오는 number(optional)는 몇개를 출력하는지를 나타낸다.배열을

4일 전
·
0개의 댓글

TIL No.13 JS기초-6 (Array)

자료구조index로 구성되어져 있음 0부터 시작한배열안에는 동일한 타입을 넣을것배열의 포인트 index index로 접근해서 삽입,삭제가 편안함배열의 첫번째 아이템을 찾으려면 fruits\[0]배열의 마지막 아이템을 찾으려면 fruits\[fruits.length-1]

4일 전
·
0개의 댓글

TIL No.12 JS기초-5 (object)

자바스크립트의 데이터 타입(자료형)중 하나이다.자바스크립트에서의 거의 모든 object가 object의 instance이다.object = { key(property): value };.value를 쓸때는 코딩하는 순간 value라는 값을 받아오고 싶을 때 사용한다.c

5일 전
·
0개의 댓글

TIL No.11 JS기초-4 (class)

fields와 methods가 종합적으로 묶여있는것.template (틀)declare once no data in syntactical sugar over prototype-basedclass안에 데이터를 넣어서 만드는 것이 objectclass를 이용해서 새로운 i

5일 전
·
0개의 댓글

TIL No.10 JS기초-3 (function)

프로그램을 구성하는 기본적인 빌딩 블록subprogram이라 불리며, 여러번 재사용이 가능하다.대체로 한가지의 일이나 어떠한 값을 계산하기 위해 쓰인다.기초 문법하나의 함수는 한가지의 일만 하도록 만든다.변수이름을 지정할땐 명사로 지정했지만, 함수는 동사로 지정한다.c

6일 전
·
0개의 댓글

TIL No.9 JS 기초-2 (operator, if, for loop)

string literals의 장점은 줄바꿈을 하거나 특수기호를 써도 그대로 문자열로 변환되어 나온다는것.decrement operator도 같은 원리이다.||(or)에서는 제일 먼저 나오는 truthy 값을 출력하고 멈춘다.truthy값이 없으면 마지막을 출력한다.연

7일 전
·
0개의 댓글
post-thumbnail

TIL No.8 JS 기초-1 (data types, let/const/var, hoisting)

요즘은 ES6 이전 문법은 잘 쓰지 않는다.let name -> hello \-> hi \-> yj중괄호를 이용해서 코드를 블록안에 작성하면 블록 밖에서는 그 코드에 접근할수 없다.블럭을 쓰지않고 파일안에 바로 정의해서 쓰는 변수들어느 곳에서나 접근이 가능

7일 전
·
0개의 댓글
post-thumbnail

TIL No.7 자기소개 페이지 만들기

클릭시 이동되게 될 곳에 name=속성을 넣고 클릭하게 될곳에 href=form태그를 통해 get in touch 항목을 만들었다.form : 입력 양식 전체를 감싸는 태그form은 컨트롤 요소(control element)로 구성된다. 텍스트, 버튼, 라디오 등이 컨

2020년 9월 13일
·
0개의 댓글

TIL No.6 - CSS 블릿없애기,대소문자,링크

블릿 없애기블릿 없애기+들여쓰기 없애기text-transform: none | capitalize | uppercase | lowercase | initial | inherit\-none: 입력된 그대로 출력한다.\-capitalize: 단어의 첫번째 글자를 대문자로

2020년 9월 10일
·
0개의 댓글

TIL No.5 - 많이 사용하는 CSS속성

HTML과 비슷하게,CSS도 특정한 기능을 하는 속성들이 미리 정의되어 있으며, 이를 활용하여 태그의 스타일을 정의 할수 있다. 속성:값 의 형태로 사용되며, 여러 속성끼리는 ;를 통해 구분된다.width,heightwidth와 height 속성은 각각 가로 길이, 세

2020년 9월 9일
·
0개의 댓글

TIL No.4 - CSS 선택자(selector)

CSS는 어떤 태그들에게 스타일 효과를 주는 언어다.그렇다면 어떤 태그에 적용하는지를 정의하는 문법이 필요하게 되는데, 이때의 문법을 선택자 라고 한다.CSS는 위 처럼 선택자를 먼저 쓰고 중괄호 {} 안에 속성과 값을 적는 방식으로 이루어져 있다.태그 선택자 태그 전

2020년 9월 9일
·
0개의 댓글

TIL No.3 - HTML 많이 사용하는 태그

br 줄바꿈 (엔터 한번)p 문단 태그 (엔터 두번)b bold (글자를 굵게 함)i italic(글자를 기울임)h1~6 문단의 제목을 나타냄(1~6 까지 크기변화)a anchor (하이퍼링크를 걸어주는 태그) href : 클릭시 이동 할 링크 target: 링크를

2020년 9월 9일
·
0개의 댓글

`

다음은 태그 내부에 들어가는 대표적인 태그들의 목록이다. 줄바꿈 (엔터 한번) 문단 태그 (엔터 두번) bold (글자를 굵게 함) italic(글자를 기울임)<h1~6> 문단의 제목을 나타냄(1~6 까지 크기변화) anchor (하이퍼링크를 걸어주는 태그) h

2020년 9월 9일
·
0개의 댓글

TIL No.2 - CSS 입문

Cascading Style SheetsCSS는 구체적으로 어떤 스타일로 요소가 표시 되는지를 정하는 규격이라고 할 수 있다.CSS 내부적으로 사용되는 문법은 동일하며, 어디에 기술하느냐의 차이가 존재한다. 기술하는 방법은 아래의 3가지가 있다.HTML 태그의 styl

2020년 9월 9일
·
0개의 댓글

TIL No.1 - HTML 태그, id, class

태그 안의 태그 태그 안에 내용 뿐민 아니라 다른 태그 또한 들어갈 수 있다. 단, 이때 태그는 연 순서대로 닫아야 한다. 닫는 태그가 없는 태그 일반적인 태그는 로 시작하면 로 닫아주어야 한다. 하지만 등의 일부 태그는 처럼 닫지 않는 경우가 있는데, 이

2020년 9월 9일
·
0개의 댓글