profile
다 늦은 밤, 달밤의 개발일기
post-thumbnail

Map과 Reduce 메소드의 차이

두 함수는 자바스크립트에서 자주 사용되는 배열 메소드이며, 평소 Map 함수를 즐겨 사용하고 있다. Map 함수와 Reduce 함수의 차이에 대해 간단히 알아본다.map() 메소드는 배열의 모든 요소들을 순회하며 주어진 콜백 함수를 실행시킨다. 콜백함수에서 반환된 값들

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

[TIL] 2020. 09. 24. Event Bubbling

이벤트 버블링은 한 요소에서 이벤트가 발생하면 , 할당된 핸들러가 실행되고 이어서 부모 요소의 핸들러도 작동되는 것을 말한다. 버블링은 가장 최상단의 요소를 만날 때까지 반복된다.버블링을 멈추기 위해서는 이벤트 객체의 메서드인 event.stopPropagation()

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

[TIL] 2020. 09. 23.

잡서칭 세션 중 깔끔한 이력서 만드는 법에 대해 배웠다. 원티드, 노션, pages 등등 다양한 툴을 이용해 이력서를 만들 수가 있구나. 내가 기억하는 이력서와는 결이 조금 달랐던 것 같다. 이렇게 조금씩 발전해가는 이 느낌이 좋다.요즘은 개발 지식말고도 개발자가 되기

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

코드스테이츠 마지막 프로젝트 회고

코드스테이츠 마지막 프로젝트(08. 24. ~ 09. 22.) 회고

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

웹페이지에 구글 애널리틱스 적용해보기

Vue를 이용한 SPA에 Vue-analytics 라이브러리를 이용해 구글 애널리틱스를 적용해본다.

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

[TIL] 2020. 09. 03. Vue.js에서_SDK를_이용해서_refresh_token_받아보기

https://developers.google.com/identity/sign-in/web/reference에서 구글 gapi 메소드들을 정독하고 시작한다.자바스크립트 SDK를 이용해서 구글 로그인을 진행할 시에 refresh 토큰을 받을 수 없다. 구글에서

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

[TIL] 2020. 09. 01.

드디어 파이널 프로젝트 개발을 시작했다. 그동안 react만 배워오다 vue와 python을 사용해 개발을 진행해야 하는 부분 때문에 학습 시간도 필요했지만, 기업과 코드스테이츠 간에 의사소통 문제도 있어서 개발 시작 시점이 계속해서 미뤄지고 있었다.어쨌든 디자인은 내

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

[TIL] 2020. 08. 31. Vue_Component

오늘 배운 것 Vue Component Basic 컴포넌트 작성 Props를 이용해 자식 컴포넌트로 데이터 전달 emit을 이용해 부모 컴포넌트로 데이터 전달 event bus를 이용해 형제 컴포넌트 사이의 데이터 전달

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

[TIL] 2020. 08. 27. Vue_Instance

Vue는 UI를 만들기 위한 프론트엔드 프레임워크이다.vue.js공식문서를 통해서 배운 것을 정리해보려고 한다.모든 예제는 vue.js 공식문서에서 가져와 필요에 따라 약간의 수정을 한 것임을 밝힌다.모든 Vue앱은 Vue 생성자 함수로 Vue 인스턴스를 만드는 것으로

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

[TIL] 2020. 08. 25.

기업 협업 프로젝트에 참여하게 되었다. 태그바이컴퍼니라는 곳에서 인스타그램 링크모음 페이지 같은 것을 만들게 될 것 같다. 아직 미팅 전이라 구체적인 요구 사항을 알지는 못하지만, 그 동안 써왔던 react를 잠시 내려두고 vue를 배워야 할 것 같다. 파이널 프로젝트

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

[TIL] 2020. 08. 24.

파이널 프로젝트 아이디어 피칭이 시작되었다. 기업협업 제안도 2곳에서 들어왔다. 한 달 동안 진행해야 할 마지막 프로젝트이니만큼 신중하게 프로젝트들을 살펴보았는데, 아무래도 취업연계형 기업협업 프로젝트가 끌린다. 취업이 안되더라도 현장 분위기도 파악할 수 있고 여러모로

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

2020. 08. 21. 첫 프로젝트 회고

react-create-app을 통한 SPA(Single Page Application)구현 및 React-Router-Dom을 통한 path에 따른 분기로그인, 회원가입 ,소셜로그인(Client)채팅방화면 (대화 주고 받기)CSS를 통한 디자인 적용 및 애니메이션 구

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

[TIL] 2020. 08. 15.

채팅화면을 리팩토링했다. 지난번에 함수 하나로 복잡하게 구현했던 것을 질문을 만드는 함수와 답변을 만드는 함수로 분리해서 만들어주었고, 답변 객체를 처리할 때 기존에는 질문-답변 배열 안에 있던 질문 객체 안에 답변 객체를 추가하는 방식을 사용했는데, 리팩토링하면서 아

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

[TIL] 2020. 08. 14. How_To_Get_QueryString

리엑트에서 url에 포함된 쿼리를 가져오기위해서는 그림과 같이 props.location.search로 접근하면 된다.브라우저 혹은 Node.js(글로벌 변수window에 접근 허용시)에서 url에 포함된 쿼리스트링을 가져오기 위해서는 window.location.se

2020년 8월 14일
·
2개의 댓글
post-thumbnail

[TIL] 2020. 08. 13.

채팅화면을 구현했다. 리엑트에서는 DOM에 직접적으로 appendChild를 해줄 수 없었고, state를 변경하는 방식으로 구현해야했다. 그런데 질문과 답변 즉 채팅이 버튼을 누를때 마다 하나씩 생성이 되어야해서 고민을 정말 많이했다. 바닐라JS였으면 그냥 appen

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

[TIL] 2020. 08. 12.

함께 프론트앤드를 맡은 페어 분과 함께 개발환경세팅을 했다. create-react-app으로 시작하기로 했는데, 생각보다 시간이 꽤 걸렸다. 단순히 리엑트 앱만 설치하면 될 줄 알았는데, Git branch문제도 있었고 create-react-app 안에 기본적으로

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

[TIL] 2020. 08. 11.

프로젝트 둘째 날. 프로젝트의 전체적인 큰 그림을 완성했다. 와이어프레임부터 기능 플로우, 서버의 경우엔 스키마와 API문서 작성까지. github 레포지토리의 위키문서도 작성 중이다. 프로젝트 시작 전에 문서작업이 생각보다 엄청 많다. 바로 코드부터 써놓고 시작하는

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

[TIL] 2020. 08. 10.

첫 프로젝트가 시작했다. 다행히 하고 싶었던 프로젝트에 선정이 되어서 재밌게 할 수 있을 것 같다. 팀장님이 디자인적인 요소는 거의 신경 쓸 필요가 없을 수준으로 이미 준비를 해오셔서 프로그래밍과 UX에 집중해서 프로젝트를 진행할 수 있을 것 같다. 앞으로 2주동안 프

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

[TIL] 2020. 08. 09. Merge_Sort

합병 정렬 또는 병합 정렬(merge sort)은 O(n log n) 비교 기반 정렬 알고리즘이다. 일반적인 방법으로 구현했을 때 이 정렬은 안정 정렬에 속하며, 분할 정복 알고리즘의 하나이다. 존 폰 노이만이 1945년에 개발했다. <위키백과 정의>큰 그림(fu

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

[TIL] 2020. 08. 08. Insertion_Sort

삽입 정렬은 자료 배열의 모든 요소를 앞에서부터 차례대로 이미 정렬된 배열 부분과 비교하여, 자신의 위치를 찾아 삽입함으로써 정렬을 완성하는 알고리즘이다. <위키백과>우선 난 위키백과의 삽입정렬에 대한 정의를 보고 아무것도 이해하지 못했다...그래서 삽입정렬을 그

2020년 8월 8일
·
0개의 댓글