post-thumbnail

[javascript] prototype과 prototype chain

OOP란 개념을 배웠는데 자바스크립트에서는 OOP를 어떻게 구현할 수 있는지 알아보자. 자바스크립트는 클래스란 개념이 없어 프로토타입이란 매커니즘을 통해 OOP를 구현할 수 있다. 이 프로토타입 중에서도 상속을 통한 프로토타입 체인이란 개념이 중요하다. 프로토타입(p

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

[javascript] 객체 지향 프로그래밍(Object Oriented Programming)

프로그래밍 언어의 유형 > 절차적 언어, 객체 지향 언어, 함수형 언어, 논리형 언어 등이 있다. 절차적 언어(procedural Language) 는 말 그대로 절차를 순서대로 작성해 나가는 언어로 C, 포트 등 초기 프로그래밍 언어의 특징이다. 장점 복잡도가 지나

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

[javascript] 구조 분해(Destructing) 할당

mdn 구조분해 할당을 참고하여 정리했습니다. 구조 분해 할당은 spread문법을 써서 배열이나 객체의 속성을 해체해 개별 값을 변수에 할당하는 표현식이다.구조 분해 할당은 할당문을 좌변두고, 원래 변수에서 어떤 값을 분해해 할당할지 정의한다. 변수 x 배열에서 할당되

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

[javascript] Spread syntax /Rest parameter 문법

Syntax sugar(문법적 설탕)은 문법적 기능은 그대로지만 직관적으로 쉽게 코드를 짤 수 있는 것을 말한다. spread syntax나 Rest parameter도 Syntax sugar라 여길 수 있다. spread syntax 해석하면 전개문법 주로 배열을

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

[node.js] 모듈 사용하기 (Common JS)

브라우저와 다르게 node.js의 특징 중 하나는, 다양한 내장 모듈이 존재한다는 것입니다. 따라서, 이를 가져다 쓸 수 있는 방법을 배워야 합니다. 브라우저에서는 다른 스크립트 파일을 불러올 때에, HTML의 태그를 이용했습니다. 반면에 node.js 에서는 HTM

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

[javascript] 화살표함수(arrow function)

이제껏 함수 표현식이나 선언식으로 쓰는게 익숙했는데, 화살표 함수 쓰는 버릇을 들여야겠다. 화살표 함수란? 화살표 함수(arrow function)는 function 키워드를 화살표로 축약해서 표시하는 함수를 표시하는 다른 방법이다. ES6에서 새로 도입되었다. 함수

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

[node.js] node.js 알아보기

node.js란? node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임(실행프로그램)이다. 웹 서버와 같이 확장성 있는 네트워크 프로그램 제작을 위해 만들어졌다. 벤처나 빠른 서비스를 하고자 할 때 node.js로 구성하는

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

[git] remote repository(원격저장소)

원격 저장소 원격 저장소는 인터넷이나 네트워크 어딘가에 있는 저장소를 말한다. 저장소는 여러 개가 있을 수 있는데 어떤 저장소는 읽고 쓰기 모두 할 수 있고 어떤 저장소는 읽기만 가능할 수 있다. 원격 저장소 관리의 목적은 사람들과의 협업을 위한 것이다. 대표적인

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

🪢 나태해진 마음잡기 🪢

Pre코스가 끝나고 긴장이 확 풀려버렸다. 🤯 이번주 월요일부터 im과정이 시작됐지만

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

[javascript] arr.sort()로 배열 정렬

sort() 정렬 정렬하는 방법은 아주 자주 쓰인다.. 그래서 꼭 이해하기. 다만 지금은 array.sort() 메서드를 사용한다. +1, -1, 0 을 나눌때에 따라 정렬이 어떻게 된다. 문자열일때 비교 비교

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

[javascript] 타이머 함수

setTimeout(callback, millisecond) 일정 시간 후에 함수를 실행 arguments: 실행할 callback 함수, callback 함수 실행 전 기다려야 할 시간 (밀리초) return value: 임의의 타이머 ID setTimeout(fu

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

[javascript] 비동기 호출

동기(Syncronous) VS 비동기(Asynchronous) 동기와 비동기의 큰 차이는 실행순서에 있다. 동기 호출 요청을 보낸 후 해당 요청의 응답을 받아야 다음 동작을 실행한다. 즉, 요청에 대한 결과가 동시에 일어난다. (blocking) 비동기 호출 요청을

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

codestate Full Pre 과정을 마치며

4주간 코스의 끝 HA! HA는 지난 4주간 배웠던 내용들을 토대로 보는 테스트이다. 손도 못대는 문제가 나오면 어쩌나 걱정했지만 코플릿 2~3번 반복해서 풀어봐서 그런지 비슷한 유형의 문제들은 수도코드 작성해가며 차근히 풀다보니 테스트 케이스가 통과되었다. 문제는

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

[javascript] DOM 조작하기

DOM 조작하기 > 📌 console.dir(elem)과 console.log(elem)의 차이 두 명령어는 인수를 출력해준다. 인수가 자바스크립트 객체라면 보통 같은 결과를 보여주지만 인수가 DOM 요소일 때는 다른 결과를 출력한다. console.log(el)는

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

[DOM] DOM(Document Object Model) 이해하기

DOM이란? Document Object Model의 약자로 HTML 및 XML 문서를위한 프로그래밍 인터페이스이다. 즉, HTML(Document)에 접근하여 Object(JavaScript Object)처럼 HTML을 조작(Manipulation)할 수 있는 Mod

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

[javascript] Array.filter() / map() / reduce() (feat. 고차함수)

일급객체(First-class citizen) first-class citizen이란 자유롭게 거주하고 일 할 수 있고, 출입국의 자유를 가지며, 투표의 자유를 가지는 시민을 의미한다. 자바스크립트에서도 특별한 대우를 받는 것들이 있는데 이런 것들을 일급 객체(f

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

[css] 레이아웃 실습 (twittler 목업)

👩🏻‍💻 실습에 도움됐던 사이트 그라데이션 조합 사이트 https://uigradients.com/#Netflix 아이콘 찾는 사이트 https://fontawesome.com/ 브랜드 로고 찾는 사이트 https://logodix.com/ 목업 구성해볼 수

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

[css] Flex Box로 layout 구성하기

기본적으로 콘텐츠의 흐름은 좌에서 우로, 위에서 아래로 흐른다. 먼저 수직으로 분할하고, 수직으로 분할된 div에서 height 속성을 이용해 수평 분할을 하는 것이 좋다. Flexbox로 레이아웃 잡기 flexbox 레이아웃은, 말 그대로 박스를 유연하게 늘리고 줄

2021년 3월 31일
·
0개의 댓글
post-thumbnail

[javascript] for in / for of / forEach() 차이점

for ... in 반복문 Object의 enumerable한 non-Symbol key(속성)들을 반복하는데 사용된다. enumerable : '열거가능한'이란 뜻으로 자바스크립트의 객체 속성 중 하나이다. for in은 열거 가능한 값이 true로 설정되어 있어

2021년 3월 31일
·
0개의 댓글
post-thumbnail

[git] Git 명령어들

Git의 명령어들을 사용해 repository에 파일을 올리거나 가져오기 등 다양한 작업들을 수행할 수 있다. fork : repository 자체를 내 계정 repository로 가져온다. github에서 어떻게 할 수 있는지 해보자.예를 들어 내가 faceb

2021년 3월 31일
·
0개의 댓글