profile
글과 코드와 사람에 관해 생각합니다.
post-thumbnail

코어자바스크립트 - 프로토타입

자바스크립트는 프로토타입 기반 언어. 클래스 언어는 상속을 사용하지만 프로토타입 기반은 어떤 객체를 원형으로 삼고 이를 복제(참조)한다. let instance = new Constructor 프로토타입의 핵심 내용어떤 생성자 함수를 new 연사자와 함께 호출하면 Co

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

코어자바스크립트 - 콜백 함수 / 클로져

콜백 함수란 다른 코드의 인자로 넘겨주는 함수다. setInterval을 호출할 때 두 개의 매개변수를 전달하는데 그중 첫 번째는 익명 함수, 두 번째는 300이라는 숫자. 이 코드를 조금 바꿔서setInterval이라고 하는 다른 코드에 첫 번째 인자로서 cbFunc

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

코어자바스크립트 - this

함수와 객체(매서드) 구분이 느슨한 자바스크립트에서 this는 이 둘을 구분하는 유일한 기능을 한다. this는 실행 컨텍스트가 생성될 때 함께 결정. 즉, this는 함수를 호출할 때 결정된다. 전역 공간에서 this는 전역 객체를 가리킨다. 전역 변수를 선언하면 자

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

코어자바스크립트 - 실행 컨텍스트

실행할 코드에 제공할 환경 정보들을 모아 놓은 객체. 자바스크립트는 어떤 실행 컨텍스트가 활성화되는 시점에 선언된 변수를 위로 끌어올리고(호이스팅), 외부 환경 정보를 구성하고, this 값을 설정한다. 동일한 환경에 있는 코드들을 실행할 때, 필요한 환경 정보들을 모

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

코어자바스크립트 - 데이터 타입

숫자, 문자열, boolean, null, undefined, ES6 이후 심볼 추가할당이나 연산시 복제된다.기본형은 값이 담긴 주솟값을 바로 복제기본형은 모두 불변값객체, 배열, 날짜, 정규표현식, ES6 이후 map, set할당이나 연산시 참조된다. 참조형은 값이

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

javascript - 함수형 프로그래밍(2) 작성중

함수의 조합으로 개발하는 방식이다. 객체 지향이 객체의 조합이라면 함수형은 함수의 조합이다. 함수형의 장점은 순수 함수, 즉 인풋과 아웃풋이 동일하기 때문에 오류가 적고 모듈화 수준을 높일 수 있다!함수 안에 함수를 넣어 함수만으로 리턴값을 출력한다. \[...Arra

2020년 11월 8일
·
0개의 댓글
post-thumbnail

알고리즘 - 수박수박수박?

for문해서 i만큼 str에 더하면 될 거 같다. if가 들어가면 삼항으로 처리할 수 있는데 아직 생각이 잘 나지 않는다. 가장 깔끔한 것 같다. 빌런

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

javascript - Tetris

나중에 테트리스를 아주 재밌게 흥미진진하게 만들 날이 오겠지? 열심히 최선을 다한다면 그런 날이 오리라 믿는다!화면은 3개의 부분이 있는데 다음 나올 블럭을 보여주는 파트, 블럭이 떨어지는 파트, 그리고 마지막 줄에 닿으면 블럭이 멈추는 파트다. html에 미리 div

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

javascript - 2048

https://namu.wiki/w/2048(%EA%B2%8C%EC%9E%84)2048 게임 룰은 위 링크 참고내 생각로직은 간단하다. 먼저 게임이 시작되면 board에 2 혹은 4가 랜덤으로 배정된다. 그리고 방향키를 누르면 모든 숫자가 그 방향으로 이동하며

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

javascript - game(3)

jump-slide 로직 시작 doodle-jump 로직 > 간격으로 장난쳐서 jump하면 통나무들이 아래로 움직이고 충돌감지해서 밟으면 다시 점프한다. 점프인지 왼쪽인지 오른쪽인지 boolean과 함수를 잘 사용하자. 시작 > 먼저 플랫폼을 만든다. for

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

개발자 도구

HTML, CSS JavaScript와 같은 언어들은 서버로부터 컴파일이 되어져서 실행이되는게 아니라 브라우저에서 실행이되는 언어들이다. 브라우저에서 런타임에 해석이되고 실행이 되어 진다. 따라서 브라우저가 해석을 잘하고 있는지 확인하기 위해 크롬 개발자도구와 같은 툴

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

[javascript] - wecode 4일 차

화살표 함수를 쓰면 콜백에서 return 안 써도 된다!몰랐던 사실들!Object.keys()Object.keys는 키 값만 가져온다. 출처 위코드 문제Object.valuesvalues는 값만 가져온다.Object.entries키, 값으로 이루어진 이차원 배열을 리턴

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

javascript - 자료구조 (계속 작성)

출처: 마음의 고향 위키피디아스택은 한 쪽 끝에서만 자료를 넣거나 빼는 선형적 자료구조. LIFO(Last In First Out), 전문 용어로는 선입선출수도 코드스택 생성{ 비어있는 top; 비어있는 size;}스택.push(data){ data를 top에 입

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

[javascript] - wecode 3일차

DOM(돔)이란 웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체(Object) 모델이다. js가 html에 접근할 수 있는 이유는 DOM이라는 전역객체 덕분. document 객체는 DOM트리의 root node에 접근하게 해준다. getElementsByClas

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

[javascript] 자료구조 연결 리스트(Linked List)

리스트 자료구조는 데이터를 나란히 저장한다. Linked List란 각각의 Node(data)가 data와 tail을 한 쌍의 data set으로 구성되어 다음 node는 앞의 node의 tail과 연결되어 있는 형태의 자료구조다. 한마디로 데이터들의 기차놀이.data

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

javascript - game(2)

tic-tac-toe css가 신박하나 따라하기가 너무 힘들어서 일단 킵.. 나중에 다시 css만 보자. 로직 > 클릭한다 X가 된다. 플레아어가 바뀐다. winning array는 미리 준비하고 거기에 맞는 배열이면 승리한다. 세팅 flogger pac-man

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

javascript - game(1)

1. flip card 로직 > 셔플된 카드를 클릭해서 맞으면 사라지고 틀리면 다시 뒤집는다. 배열에 클릭된 카드 두 장을 담고 두 장을 비교한다. 비교하려면 id가 필요하다. 세팅 > name, url 짝으로 이미지 정보가 담긴 객체들의 배열이 필요하다. 일단

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

javascript - 지뢰찾기

start buttonbackground, color, box-shaow, text-shadow의 조합으로 만든다. box-shahow는 insetdmf 4번 줘서 입체감을 준다.board 마찬가지로 background-color, border,box-shadow로 틀

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

javascript - 달력

준비constructor로 options를 주고 즉시실행함수로 new CALENDAR()의 인자 값으로 객체 id: "calendar"를 주었다. 여기서 id: calendar는 html에서 캘린더 전체 div이다. 그리고 classname을 인자로 주는 함수를 만들어

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

javascript - todo list

csscheckbox 활용. input은 가리고 lable안에 span으로 원을 만들어서 checkbox 자리에 놓는다. scale과 transform 으로 커지게 한다. 투두 밑에 선을 긋는 건 전체 div(하나의 투두)에 after로한다. checked되었을 때도

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