profile
시간을 내편으로 만들어 하루하루 꾸준하게🧑🏻‍💻
post-thumbnail

[프로그래머스 lv2] 카펫 📚 Java Script

Leo는 카펫을 사러 갔다가 아래 그림과 같이 중앙에는 노란색으로 칠해져 있고 테두리 1줄은 갈색으로 칠해져 있는 격자 모양 카펫을 봤습니다.Leo는 집으로 돌아와서 아까 본 카펫의 노란색과 갈색으로 색칠된 격자의 개수는 기억했지만, 전체 카펫의 크기는 기억하지 못했습

약 10시간 전
·
0개의 댓글
post-thumbnail

코드 스테이츠에서 살아남기🏝 -2화-

부트캠프에 입소한지 어느덧 한달이 지나고 Pre 코스를 무사히 마치게되었다. 자바스크립트의 기본적인 개념인 클로저, 프로토타입, 스코프 등등 부터 고차함수, 재귀, 기초 알고리즘 까지, 한달이란 짧은 기간이지만 쉬지않고 달려온만큼 많은 지식들을 새로 얻거나, 복습할 수

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

[프로그래머스 lv2] 타겟 넘버 📚 Java Script

n개의 음이 아닌 정수가 있습니다. 이 수를 적절히 더하거나 빼서 타겟 넘버를 만들려고 합니다. 예를 들어 1, 1, 1, 1, 1로 숫자 3을 만들려면 다음 다섯 방법을 쓸 수 있습니다.사용할 수 있는 숫자가 담긴 배열 numbers, 타겟 넘버 target이 매개변

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

[사이드 프로젝트] Tindux 회원가입 컴포넌트 작업기📝

토이 프로젝트로 개발중인 블라인드 데이팅 서비스 Tindux의 회원가입 컴포넌트 작업이 어느정도 마무리되었다. 지금까지 만들어봤던 일반적인 회원가입 관련 컴포넌트에 비해 받아야할 항목들도 많고, 입력받은 항목들을 기반으로 컴포넌트 내에서 실시간으로 변화를 줘야 했다보니

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

[사이드 프로젝트] React_Image_Crop_Component ✂️

현재 토이 프로젝트로 개발중인 블라인드 데이팅 서비스 Tindux는 유저 개개인의 프로필 이미지가 중요한 역활을 하기 때문에, 기존 방식대로 유저의 이미지를 통째로 받아서 업로드한 후 이미지 정중앙을 틀에 끼워넣는식의 방식은 맞지않다고 생각했다. 그래서 유저의 프로파일

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

[프로그래머스 lv2] 가장 큰 수 📚 Java Script

0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요.예를 들어, 주어진 정수가 6, 10, 2라면 6102, 6210, 1062, 1026, 2610, 2106를 만들 수 있고, 이중 가장 큰 수는 6210입니다.0 또는 양

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

[프로그래머스 lv2] 프린터 📚 Java Script

일반적인 프린터는 인쇄 요청이 들어온 순서대로 인쇄합니다. 그렇기 때문에 중요한 문서가 나중에 인쇄될 수 있습니다. 이런 문제를 보완하기 위해 중요도가 높은 문서를 먼저 인쇄하는 프린터를 개발했습니다. 이 새롭게 개발한 프린터는 아래와 같은 방식으로 인쇄 작업을 수행합

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

[프로그래머스 lv2] 다리를 지나는 트럭 📚 Java Script

트럭 여러 대가 강을 가로지르는 일 차선 다리를 정해진 순으로 건너려 합니다. 모든 트럭이 다리를 건너려면 최소 몇 초가 걸리는지 알아내야 합니다. 트럭은 1초에 1만큼 움직이며, 다리 길이는 bridge_length이고 다리는 무게 weight까지 견딥니다.※ 트럭이

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

JSON Stringfy 재귀로 구현하기

JSON.stringify() 메서드는 JavaScript 값이나 객체를 JSON 문자열로 변환합니다. 선택적으로, replacer를 함수로 전달할 경우 변환 전 값을 변형할 수 있고, 배열로 전달할 경우 지정한 속성만 결과에 포함합니다. - MDN자바스크립트의 내장

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

[사이드 프로젝트] 토이 프로젝트에 리덕스 사가 끼얹기

이번에 진행할 새로운 토이 프로젝트는 해외 유명 블라인드 데이트앱 tinder의 클론 서비스이다. 리액트와 Express, 몽고db 기반으로 제작중이며, 리덕스 사가를 이용한 상태관리와 socket i.o를 이용한 실시간 채팅 기능이 주 이기 때문에 tindux로 이름

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

[TIL] Redux-Saga 맛보기

리액트를 사용해서 무언가를 개발하다보면, 컴포넌트의 상태관리에 많은 신경을 써줘야한다. 작은 프로젝트의 경우 props를 이용해서 컴포넌트끼리 데이터를 교류해도 되지만, 프로젝트가 복잡해질수록 데이터 흐름을 추적하기 힘들어져서 많은 불편을 겪게된다. 그래서 나온것이 바

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

[Java Script] 나무꾼아 이 'this'가 니 'this' 이느냐? 🤷🏻‍♂️

자바스크립트의 this는 객체지향 언어인 자바의 this의 개념이 사뭇 다르기에 처음 접했을때부터 지금까지도 종종 햇갈리는 상황이 벌어진다. 자바의 this는 인스턴스 자신을 가리키는 참조변수로서 this를 통해 클래스의 멤버 변수 접근을 할 수 있었다. 그러나 자바

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

[함수형 자바스크립트] lodash, underscore js 함수 구현 해보기 🙆🏻‍♂️

코드 스테이츠의 새로운 과제를 진행하면서 map, reduce, filter, some과 같은 자바스크립트 내장 고차 함수들을 직접 구현해보았다. 함수형 프로그래밍 이라고 하면 부수 효과(Side-effect)가 없는 함수라는 인식만이 강했지만, 과제를 통해 부수효과가

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

[Java Script] 고차 함수

프로그래밍에서의 일급 객체(First-class citizens)란 다음과 같은 특성을 갖고있다. 변수에 할당(assignment)할 수 있다.다른 함수의 인자(argument)로 전달될 수 있다.다른 함수의 결과로서 리턴될 수 있다.자바스크립트에서 함수는 일급 객체

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

[사이드 프로젝트] Mongoose의 'populate'를 이용한 타 collection 참조 👀

NoSQL 데이터 베이스인 MongoDB를 사용하다보면, 컬렉션의 특정 데이터를 기반으로 다른 컬렉션의 데이터를 참조할 일이 생긴다. 그러나 관계형 데이터 베이스처럼 테이블 join을 할 수는 없는 상황에서 이와 비슷한 기능을 가진 'populate'에 대해 정리 해보

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

[TIL] FFmpeg & Node JS로 영상 썸네일 생성하기

요즘 John Ahn님의 Node js 튜토리얼을 보며, 정말 많은 것들을 배우고있다. 특히 강좌에서 다룬 파일업로드 부분은 많은 곳에서 쓸일이 많을거같아서 튜토리얼 내용 외에도 구글링을 해가며 공부하고 있는데, 오늘은 Node js에서 FFmpeg를 이용하여, 영상

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

코드 스테이츠에서 살아남기🏝 -1화-

코딩 부트캠프 '코드 스테이츠'에 온지 어느덧 2주가 지났다. 돌이켜 생각해보면 2주란 시간동안 참 많은걸 느끼고 배울 수 있었던 시간이었다. 이 '코드스테이츠 살아남기 시리즈'는 내가 코드스테이츠에서 겪었던, 배웠던, 느꼈던 것들을 기록으로 남겨셔 부트캠프를 고민중

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

[Java Script] 얕은 복사와 깊은 복사

자바스크립트에서의 복사는 깊은 복사(deep copy) 와 얕은 복사(shallow copy) 가 존재한다.원시 타입(primitive type)의 데이터가 복사 될때는 새로운 메모리 공간을 생성하여 메모리에 독립적인 값을 저장하는 반면 object(객체,배열, 함수)

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

[Java Script] 원시타입과 참조타입 👀

자바스크립트에서의 복사는 얕은 복사(shallow)와 깊은복사 (deep)으로 나뉜다. 먼저 원시 타입(Primitive type)의 변수들은 데이터 복사가 일어날 때 메모리 공간을 새로 확보하여 독립적인 값을 저장한다. 객체와 같은 (Reference type)의 데

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

[Java Script] 이벤트 버블링과 캡쳐링, 그리고 위임 🕺

자바 스크립트 의 대부분의 코드는 이벤트(event)에 의해 동작된다. 이벤트란 클릭 이라던가 키 입력 같이 사용자가 행하는 모든 동작을 의미하는데, 이러한 이벤트가 발생했을 때 이에 맞는 상황을 지정 해주고 처리 하는 것을 이벤트 핸들링이라 한다.이벤트를 받을 요소

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