profile
시작입니다.

TIL] JavaScript - Get/Set and Inheritance

getter: 개체 안의 property를 return하거나 호출할 때 사용하는 method이다. getter는 조건에 따른 값을 return 할 수 있고, this를 사용하여 호출 객체의 속성에 접근할 수 있다. 그리고 다른 개발자들이 코드를 쉽게 이해하도록 도와준다

어제
·
0개의 댓글
post-thumbnail

TIL] HTTP/1.1, HTTP/2 그리고 HTTPS

Application 계층에 속한 Protocol로 컴퓨터들끼리 HTML파일을 주고받을 수 있도록 하는 소통방식 또는 약속이다. ①Requset/Response(요청/응답)으로 구성됨Request : Start Line/Headers/Body로 구성되어 있다.Sta

3일 전
·
0개의 댓글

TIL] Git & Github

.Git(Version Control System): Git의 공식 명칭은 VCS로 프로젝트 파일의 변경사항을 추적하는 시스템이다. 이를 통해 개발자들은 프로젝트의 변경 사항을 기록하고, 특정 시점의 버전으로 언제든 돌아갈 수 있습니다.①Initializing a re

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

TIL] Linux Basis

Linux는 1991년 Linus Torvals가 개발한 운영체제로 시스템틀 운영하는데 가장 널리 사용되는 운영체제이다. Windows 시스템이나 application이 아닌 이상 일반적으로 시스템 서버는 linux 기반으로 운영되고 있다. 그럼으로 개발자는 Linu

6일 전
·
0개의 댓글

TIL] HTML/CSS/JavaScript 초기 설정

. 템플릿 설정하기: HTML 작성시 매번 공통적으로 작성하는 초기 셋팅 값을 설정 해야한다. VS cdoe 사용자라면 입력할 수 있으니단축기를 기억하자 ! + tab . CSS 기본 설정값 초기화하기: 모든 웹브라우저는 기본적으로 설정된 셋팅값이 있기 때문에 개발자가

6일 전
·
0개의 댓글

TIL] JavaScript-asyn vs defer

.script 사용: HTML 문서의 script tag 안에 작성된 코드는 JavaScript 언어로 인식되므로 직접 HTML에 작성하는 방법도 있지만 모든 파일은 분리하여 사용하는 것이 좋으므로 추천하지 않는다..head 안에 script로 연결하기: HTML을 p

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

TIL] JavaScript-event

특정 요소에 interactive한 반응을 할 수 있게 하는 것을 event라고 한다. JavaScript는 유저의 이벤트 반응을 감지하고 그에 맞는 결과를 내어주는 역할을 한다. ①event가 실행될 html tag의 위치를 변수로 저장한 뒤 저장된 변수를 even

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

TIL] JavaScript-Document Object Model

​ 웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체 모델을 의미한다. DOM은 HTML인 웹페이지(HTML)와 scripting language(JS)를 서로 잇는 역할을 한다. HTML에 접근하기 위해서는 document라는 전역객체를 활용하면 된다. 이 객체는

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

TIL] JavaScript-ES6 syntax

function를 표현할 때 쓸 수 있는 새로운 표현식으로 ES6에서 새로 도입된 문법이다. 함수가 실행내용이 딱히 없이 return만 한다면 return 키워드와 중괄호도 생략 가능하다.\*중괄호와 return문이 생략될 경우, 화살표 오른쪽에는 리턴될 "값"만 쓰

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

TIL] JavaScript-class(constructor, method)

JavaScript는 OOP(Object-oriented programming) 언어인데 class는 개발자가 유사한 객체를 빠르게 생성할 때 사용하는 도구이다.객체(object)의 설계도인 클래스(class)는 문법이 비슷하지만 가장 큰 차이는 constructor

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

TIL] JavaScript-scope

변수에 접근할 수 있는 범위로 변수에 접근하거나 변수를 참고할 위치를 정의한다. 어떤 변수는 코드의 모든 접근을 허락하기도 하지만 그렇지 않은 경우도 있다..block: block은 {} 안에서 확인할 수 있는 코드를 의미한다. block은 한개 이상의 구문들을 묶어

2020년 9월 19일
·
0개의 댓글
post-thumbnail

TIL] JavaScript-Object(객체)

💎 Object(객체) 들을 grouping하여 로 사용하는데 역할로 이해하면 된다. 객체는 ①로 감싸져 있고 ②으로 구분된 쌍들이 ③된 목록의 형태이다. 🎊 객체 접근 방법 .: 들 혹은 에 하며, 에 접근하려고하면 가 return 된다. 하는 의 속성은

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

TIL] JavaScript-날짜와 시간

날짜와 시간을 저장하고 보여줄때는 날짜 객체를 사용한다. 날짜 객체를 호출하면 쉽게 시간과 날짜를 얻을 수 있다. 날짜 객체를 호출할 때는 new 연산자 다음에 Data 생성자를 쓴다. .GMT(Greenwich Mean Time): 컴퓨터 언어에서의 기준 시간이다.

2020년 9월 18일
·
0개의 댓글
post-thumbnail

TIL] JavaScript-for문(반복문)

for문은 1) 변수 초기화 및 선언 2) loop 정지 조건 체크 3) 각 loop의 iterator(반복자) 변수를 업데이트 하는 내용으로 구성되어 있다. 각각의 내용은 ;으로 구분되며 false가 나올때까지 코드를 반복하고 출력하고 싶을 때 사용한다. findSm

2020년 9월 18일
·
0개의 댓글
post-thumbnail

TIL] Developer tools

🎉 Developer tools 별도의 web page 상에서 등의 코드를 확인하고 test를 할 수 있는 도구로 에 도움을 준다. .: HTML 가 보이고 각 태그별 할 수 있는 탭이다. 해당 탭에서는 HTML/css 을 할 수 있다. element 탭에

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

repl.it 20 Semantic Web, Semantic Tags

🔒 Question.1 "사이트에 이미지를 넣는 방법은 두 가지가 있습니다. 태그를 사용하는 것과 태그에 background-image 속성을 추가하는 것. 과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요." 🔓 Answer 개발자는 항상 semant

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

repl.it 18-2 Layout의 모든것?

Display css 속성은 html의 block level의 요소들의 layout을 제어할 때 사용하는 property이다. block level의 요소들의 layout을 좀 더 세밀하게 제어할 때 사용하는 property이다. 기본적으로는 text와 img의

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

TIL.17 HTML emmet 소개

참조: https://emmet.io/, https://youtu.be/m7wsrVQsVjI. HTML 양식 작성: ! + tab. tag 작성: tab 이름 + tab. tag + class 작성: .class + tab / . parent + ch

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

TIL] CSS-Flexbox

. flexbox: container/item에 각각 적용할 수 있는 속성값들이 있으며 중심축의 선택(수평/수직)에 따라 반대축이 달라진다. flexbox를 활용하면 웹 브라우저 화면에 컨텐츠의 배열을 자유롭게 할 수 있다. 참조: https://youtu.be/

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

TIL] JavaScript-function

. function: 조건문/반복문 등의 형태로 작성된 코드를 함수화하면 몇 가지의 수정만으로 전체 코드를 손쉽게 바꿀 수 있고, 손쉽게 유지/보수할 수 있다. . argument/parameter: 함수의 입력값과 매개변수를 의미한다. 아래 코드에서 argument는

2020년 8월 22일
·
0개의 댓글