JavaScript
1.TIL#1 JS) Intro
console.log : 괄호 안의 메세지를 콘솔창에 출력하는 명령어 코드에서 주석은 코드를 설명하는 코멘트로 실제 동작하는 코드가 아니다.한 줄을 주석 처리하는 경우 : slash 두 개( // )여러 줄을 주석처리하는 경우 : 아래와 같이 감싸주면 된다.
2.TIL#2 JS) Variables
자바스크립트에서는 변수를 사용하여 여러가지 형태의 데이터를 저장할 수 있다.변수는 아래와 같이 let 키워드를 앞에 붙여서 선언할 수 있다.EX) let을 사용해 myName 변수를 선언하고, 그 값으로 "JavaScript" 라는 String 타입의 값 할당해줌.
3.TIL#3 JS) String
두 문자열을 + 연산자로 합칠 수 있다. EX) fullName에 이름을 넣어라.fullName의 길이를 console.log로 출력하라.직접 계산하지 계산하지말고, length를 사용하여 길이를 구하라.Sol )length1에는 word1의 길이 값을 할당
4.TIL#4 JS) Function
함수는 프로그램을 구성하는 주요 '구성 요소(building block)'다. 함수를 이용하면 중복 없이 유사한 동작을 하는 코드를 여러 번 호출할 수 있다.함수 선언(function declaration) 방식을 이용하면 함수를 만들 수 있다. 함수 선언 방식은 아래
5.TIL#5 JS) Math Expression
add 함수를 작성하라.sum이라는 변수가 선언되어 있다.변수 sum은 + 연산자를 사용하여 두 숫자를 더한 값이 할당되어 있다.리턴값이 15가 되게 하라.Sol )addFive 함수를 작성하라.addFive() 함수는 한개의 인자를 받는다.리턴값은 인자에 5를 더한
6.TIL#6 JS) Conditionals / Boolean Logic
조건에 따라 결과를 설정할 수 있다. if~else 절로 조건을 걸고 그에 따른 코드를 실행한다. else 절은 if 조건에 거짓결과가 나올 때 실행된다.유사하지만 약간씩 차이가 있는 조건 여러 개를 처리해야 할 때가 있다. 이때는 else if로 복수조건을 처리
7.TIL#7 JS) Array
배열 : 대괄호 두 개로 이루어져 있으며, 특정한 요소를 담는 데이터 타입JavaScript에서는 배열(Array)을 통해 여러개의 데이터를 한 곳에 저장할 수 있다. 배열에 문자열을 넣을 때는 쉼표로 구분해준다. 순서가 있는 컬렉션이 필요할때 배열을 이용할 수 있다.
8.TIL#8 JS) Array Methods
원본 배열의 복사본을 새로운 배열 객체로 반환하는 메소드.새로운 배열 객체를 만들기 때문에, 다른 변수를 꼭 할당해야 함.이때 원본 배열은 변하지 않는다..slice(시작 인덱스, 끝 인덱스);여기선 인자 2개가 들어갔지만, slice 메소드는 필요에 따라 인자를 최소
9.TIL#9 JS) Loops
for(초기문; 조건문; 증감문) { ... 반복문 본문 ...}초기문 작성 시 변수 선언자를 써주어야 함. (let i = 0)변수명은 보통 index를 의미하는 i로 선언. (let i = 0)index가 증가할 경우 숫자는 보통 0부터 시작. (배열의 인덱스
10.TIL#10 JS) Object
여러 종류의 데이터를 묶음으로 관리하는 데이터 타입중괄호 {} 로 묶음 (배열은 대괄호 \[])key값과 value값이 쌍으로 이루어진 property(=속성)의 집합이다.배열과는 다르게 순서가 없다.key : 특정한 값을 담을 수 있는 그릇.value : key에 담
11.TIL#17 DOM + Event
문서 객체 모델 DOM 문서 객체 모델(Document Object Model, DOM)은 웹 페이지 내의 모든 콘텐츠(HTML)를 계층화시켜 객체로 나타내는 모델이다. 여기서 중요한 단어는 객체이다. JavaScript에서 . 은 객체 내의 데이터 프로퍼티에 접근
12.TIL#18 JavaScript Troubleshooting
일반적으로 코드가 잘못되어 발생하는 에러는 두가지 종류가 있다.Syntax Errors : 문법 에러괄호를 빠뜨리거나 변수명 오타가 있는 등 프로그램이 중지되어 출력된 에러 메세지를 확인할 수 있다. 처음 여러분이 문법에 익숙하지 않을 때 자주 겪게 되는 에러이며 보통
13.TIL#40 JS) 동기/비동기
동기는 요청을 보낸 후 응답(결과물)을 받아야지만 다음 동작이 이루어지는 방식을 말한다. 모든 일은 순차적으로 실행되며 어떤 작업이 수행중이라면 다음 작업은 대기하게 된다.코드가 위에서부터 아래로 내려오면서 하나가 끝나면 다음 코드가 실행되는 방식을 동기적 처리라고 한
14.TIL#41 JS) 자바스크립트의 비동기
자바스크립트는 동기적인 언어이고, blocking 이며, single-threaded 한 언어이다. 이것은 한번에 한번의 작업만 진행할 수 있다는 특성을 의미한다. 하지만 자바스크립트의 모든 것에서 이러한 특성을 의미하지는 않는다. 만약 많은 양의 데이터 베이스를 요청
15.TIL#42 JS) Event Loop
이벤트 루프란 Callback Event Queue 에서 하나씩 꺼내서 동작시키는 Loop 를 말한다.자바스크립트 엔진은 Memory Heap 과 Call Stack 으로 구성되어 있다. 가장 유명한 것이 구글의 V8 Engine이다.자바스크립트는 단일 스레드(sing
16.TIL#43 JS) 이벤트 루프의 Queue
Event Loop는 브라우저에 존재하는 여러 Queue들에 우선순위를 부여해 어떤 task를 먼저 수행할지 결정한다. 그런데 아래의 그림을 보면 태스크 큐 외에도 다른 큐들이 있다. 그래서 이에 대해서도 정리해보려고 한다.우리가 기존에 알고 있던 Task Queue