profile
Front-End Dev(진)
post-thumbnail

제너레이터와 이터레이터

제너레이터 : 이터레이터이자 이터러블을 생성하는 함수제너레이터는 문장을 값으로 만들수 있고, 이런 값을 순회할 수 있게 만들수 있다.위처럼 홀수를 순회하는 이터러블을 생상하는 제너레이터위 코드는 명시적으로 홀수를 출력하는데 좀더 자동화가 되도록 만들어보자위의 코드는 무

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

Today I Learnd

평가 -> 코드가 계산(Evaluation) 되어 값을 만드는 것 일급 -> 값으로 다룰 수 있다. -> 변수에 담을 수 있다. -> 함수의 인자로 사용될 수 있다. -> 함수의 결과로 사용될 수 있다. 일급 함수 -> 함수를 값으로 다룰 수 있다. -> 조합성

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

[JS] Tic Tac Toe - 1

3x3의 3목게임을 만들어 보려고 한다.이번에는 mark up을 하는게 아닌 dom객체를 이용하여 tag들을 자바스크립트 코드로 하나하나 다 만들어 추가해보려고 한다.HTML의 요소를 자바스크립트로 만들고 추가하기전에 하드코딩으로 목업 데이터를 먼저 만들어 주었다.목

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

[JS] 숫자야구

사용자에게 숫자 4자리를 입력받아 숫자야구 게임을 하는 코드를 만들어 보았다.dom 조작법을 실습할 수 있어서 좋았다.클래스 이름과 변수 이름선정이 어려웠다.코드 가독성이 떨어지는 것같아 리팩토링을 해봐야겠다.

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

[JS] 별 찍기(star)

5개의 케이스로 별을 찍어보는 코드를 작성해 보았다.간단할것 같았던 별찍기였지만 정말 다양하게 구현할 수 있어서 반복문을 다시 공부하기에 좋았다.

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

[JS] 끝말잇기(word chain)

간단하게 제시어가 있으면 단어를 입력하여 끝말잇기 게임을 하는 자바스크립트 코드를 만들어 보았다.

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

[SEB] Today I Learn

stack은 쌓다, 쌓이다와 같은 뜻을 가지고 있다.짐을 위로 차곡차곡 쌓듯한 형태와 비슷한 이 자료구조는말 그대로 data를 쌓는 자료구조다.실제로 자바스크립트에서 함수를 호출하는 방식은 stack방식을 이용한다.위의 코드를 본다면 call stack에 함수들이 쌓인

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

[SEB] Today I Learn

자바스크립트는 Prototype기반의 언어이다.JavaScript에서 함수가 정의될 때는 Constructor가 부여된다.생성자가 부여된 함수는 new키워드를 통하여 생성할 수 있게 된다.그리고 Prototype Object가 생성되고 이 함수를 통해 만드는 오브젝트와

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

[SEB] Today I Learn

* - OOP가 무엇인가? * * - Prototype은 무엇인가? * Object Oriented Programming Object Oriented Programing(이하 OOP)는 객체 지향 프로그래밍이라고 한다. OOP가 나오기 이전에 프로그래밍언어는 절차

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

[SEB] Today I Learn

Spread / RestDestructing(구조 분해)배열이나 객체의 데이터들을 풀어서 사용하기 위한 문법함수의 매개변수로 여러개의 인자를 배열로 묶어서 받을 수 있는 문법배열 합치기배열 복사구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에

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

[SEB] Today I Learn

node.js vs browser npm과 package.json 화살표 함수 모듈화 node.js vs browser node.js 나는 node.js를 npm과 package.json Arrow Function module

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

[SEB] Today I Learn

nano 간단 사용법Git 사용법CLI환경에서 사용하는 에디터에는 vim, emacs. nano등이 있다. 이 중에서 nano의 사용법이 간단하기 때무에 nano로 에디터를 사용해보려고 한다.vim을 사용하면 당연히 좋겠지만, 진입장벽이 있어 nano로 우선 진행하고

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

[SEB] Today I Learn

오늘부터 이머시브(다음기수부터는 SEB로 통합)코스가 시작되고,매일 배웠던 내용을 복습과 정리하는 블로깅을 작성할 것이다.좋은 질문을 하는 방법Package ManagerNode.js와 관련도구앞으로 내가 개발자가 된다고 한다면, 항상 선임개발자에게 물어보는것은 옳지

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

37. Object.keys, values, entries

순회에 필요한 메서드 map.keys(), map.values(), map.entries()를 알아보았다.이 메서드들은 포괄적인 용도로 만들어졌고, 이것들을 사용할수 있는 3개의 자료구조가 있다.MapSetArray앞서 배웠던 map, set에 사용되었던 메서드들이다.

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

36. 자료구조

워크셋은 셋과 유사하지만, 객체만 저장할 수 있다.또한 요소로 있는 객체는 도달가능할 때만 접근이 가능하다.위크셋에는 부차적인 데이터를 저장할 때 사용한다.다만, 위크맵과는 다르게 복잡한 데이터가 아닌 불린형태의 값을 저장하는 용도로 사용된다.아래 예시를 본다면위크맵

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

35. 자료구조 - 위크맵

가비지 컬렉션에서 배웠듯이 도달이 불가능한 값은 메모리에서 삭제한다.자료구조를 구성하는 요소도 자신이 속한 자료구조가 메모리에 남아있는 동안 도달 가능한 값으로 취급되어 메모리에 남아있다.객체의 프로퍼티나 배열의 요소, 맵이나 셋을 구성하는 요소들이 여기에 해당된다.만

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

34. 자료구조 - Map 과 Set

Map은 키가 있는 데이터를 저장하기 대문에 객체와 비슷하다.하지만, Map은 키에 다양한 자료형을 허용한다.맵의 주요메서드와 프로퍼티를 알아보자new Map() -> 맵 자료형을 생성한다.map.set(key, value) -> 해당 key에 해당하는 value를 저

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

33. 자료구조 - iterable 객체

iterable객체란? 배열을 일반화 한 객체이다. 이터러블이라는 개념을 사용하면 어떤 객체든 for..of반복문을 사용할 수 있다. 배열은 이터러블객체중 대표적이다. 또한 문자열도 이터러블이다. 배열이 아닌 객체중에 컬렉션을 나타내는 객체일 경우, for..of문버

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

CodeStates Pre Course 2주차 회고록

과정의 재시작 2주란 시간을 보내며 잘했던 점 부족했던 점 다짐과 목표

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

32. 배열과 메서드 - 3

filter filter은 find와 다르게 한개가 아닌 여러개의 요소를 찾아 새로운 배열로 반환하는 메서드 이다. 매개변수로 받는 함수를 실행하여 해당 요소가 참이 나올경우 새로운 배열에 추가하여 반환한다. map map은 사용빈도가 매우 높은 메서드 중 하나

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