profile
호기심 많은 개발자입니다.
post-thumbnail

[Storybook] StoryBook을 이용한 컴포넌트 단위 개발 - 기본세팅(CRA + Redux + styled-Component)

CRA + Redux + styledComponent 로 구성된 프로젝트에 storybook 세팅하기아래의 내용은 storybook 6.0.22 version을 기준으로 설명하고 있습니다.Storybook을 프로젝트에 설치하는 방법은 Project directory로

약 22시간 전
·
0개의 댓글

[Storybook] StoryBook을 이용한 컴포넌트 단위 개발 - 사용하면서 느낀 장단점들

Storybook is an open source tool for developing UI components in isolation for React, Vue, Angular, and more. It makes building stunning UIs organized

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

[Project 후기]Air BnB CloneCoding

Beer BnB > 숙박 공유 서비스 에어비앤비 클론 프로젝트 > schema General info 숙박 공유 서비스 에어비앤비 클론 프로젝트 개발기간 : 2020.08.31 ~ 2020.09.11 팀원 : Front-end(황연욱, 이조은, 최예흠) Back-

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

[Project후기]SpaceX CloneCoding

프로젝트 소개 엘론머스크가 설립한 민간 우주기업 Space X 웹사이트 클론 프로젝트

2020년 8월 30일
·
3개의 댓글

[SpaceX Clone] Modal 기능 구현, unMount Animation (React)

Space X Clone 중 Modal 기능 구현 과정 개념 React에서 모달을 구현하는 방법은 크게 2가지로 나뉜다. React Portal 이용 조건부 렌더링 이 중 저는 조건부렌더링을 이용해서 모달창을 부모의 state값에 따라서 render여부를 결정하는 식

2020년 8월 23일
·
1개의 댓글
post-thumbnail

위코드 한달 회고

2년 4개월간의 행복하고 스스로에게 많은 발전과 의미를 선사해주고, 좋은 인연들을 맺게해 주며 고마움과 소중함에 대해서 알게 된 군생활을 끝낸 후, 위코드를 시작하기 전까지의 모든 순간은 항상 불안함과 초조함이 함께 했던 시간이었다.군에 남을지 사회로 나갈지 계속해서

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

[TIL]자료구조: Array & Tuple

순차적으로 자료를 저장하는 자료 구조순차적(ordered)으로 자료를 저장자료구조에 저장하는 데이터는 일반적으로 요소(element)라고 부름Array는 주로 서로 연결된 데이터들을 순차적으로 저장할 때 사용순서가 큰 의미를 갖지 않더라도, 서로 연결된 데이터일 경우

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

[TIL] 자료구조 : Set, Hash, Dictionary

Set은 array처럼 순열 자료구조하지만 Set은 순서라는 개념이 존재하지 않음즉, 데이터를 비순차적으로 저장할 수 있는 자료구조값의 순서가 없다는 말은, 즉 순서대로 접근하지 않아도 된다는 의미즉 해당되는 데이터가 set안에 있는지 검색할 때 일정한 속도로 검색이

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

[TIL] Data Base, SQL & NoSQL

기술이 발전하면서 점점 다뤄야 하는 정보의 양이 많아지고, 한 데이터를 다양한 곳에서 다양한 목적으로 사용해야 하는 소요가 생기면서 기존의 데이터를 다루는 기술로는 효율과 저장된 데이터의 안정성이 떨어지기 시작하면서, 데이터의 관리 및 효율적인 사용 안정적인 보관을 위

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

[TIL] Sass, React-router

CSS Pre-processorCSS에 변수, Nesting, 연산자 등 CSS에서 기본적으로 제공되지 않는 문법들을 사용해서 CSS를 편리하게 작성하게 해줄 수 있게 해주는 툴작성 후 최종적으로 Sass 패키지에 의해서 CSS로 컴파일되어서 실행 됨반복되는 작성을 최

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

[TIL] React - CRA를 이용한 프로젝트 초기세팅

Create React App리액트는 라이브러리기(남이 짜놓은 소스코드) 이기에 사용하기 위해서는 그 라이브러리들을 불러오고 프로젝트 폴더에 포함해서 거기서 import해서 사용하는 과정이 필요함React의 동작을 위해서는 많은 패키지들이 필요함Babel, React

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

[TIL] 리눅스 & 터미널 간략 개념 정립

리눅스와 터미널에 관한 위코드 세션을 듣고 관련된 개념을 알고 정리하고 싶어서 작성하는 포스팅입니다. 기본적인 명령어들을 위주로 배우고 난 후, 리눅스란 무엇인가, 터미널이란 무엇인가 왜 배워야 하는가에 대해서 알아보고 싶어서 관련된 개념을 찾아서 정리하는 포스팅을 합

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

Westagram 중간 정리

구현 상 만났던 이슈들 정리 및 해소 Arrow Function & this binding Arrow function은 this binding이 안된다. this binding이 되지 않았기에 전역객체가 선택되고 브라우저환경에서 전역객체는 window이기 때문에 t

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

[TIL] Git & Github

정의 : Version Control System, 버전 관리 시스템풀이 : Git의 관리하에 있는 파일들의 수정사항을 추적하고 버전별로 나눠서 기록하여서 백업, 특정 시점으로 되돌아가기, 여러가지의 분기로 나눠서 하나의 큰 트리로 합치기, 변경이력 관리 등을 할 수

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

[TIL](20200727)DOM

TCP SchoolMDN문서객체모델(Document Object Model)은 웹브라우져에서 제공헤주는 API이다.DOM에서의 문서(Document)는 웹페이지의 문서를 뜻한다. 웹페이지에서 문서란 무엇일까? 웹페이지를 구성하고 있는 문서는 HTML이다.(추가적으로 X

2020년 7월 27일
·
0개의 댓글

[TIL](20200726) Javascript - Prototype & 생성자 함수

Prototype 프로토타입 기반 언어 Javascript는 Prototype에 기반해서 만들어진 언어입니다. 이는 대부분의 Class를 기반으로 하는 언어와는 차이점이 있습니다. Prototype언어에서는 어떤 객체(Object)를 원형으로 삼고, 이를 복제함으로써

2020년 7월 26일
·
0개의 댓글

[TIL](20200723 ~ 25) Javascript-3 - 개념정리

20200723코드의 가독성은 정말 중요하다. 나 자신도 내 코드를 조금 지나서 다시보면 이해가 안되고 다시 생각해야 한다.코드만 보고 로직을 설명할 수 있을 정도의 가독성을 목표로 코드를 만들어야 한다.항상 내 코드를 남에게 보여준다고 생각하고 짜자.일일 단위의 TI

2020년 7월 23일
·
0개의 댓글

[TIL](20200722) Javascript-2

하나의 함수에는 하나의 기능만, 함수에 다양한 기능을 포함할 경우 가독성이 구려진다.실제로 함수를 작성하다 보면 내가 의도한 로직이 무었인지, 어디서 문제가 생긴건지 다시 봐야하는데 함수에 너무 많은 기능을 넣다보면 찾기가 너무 힘들다.다양한 방법이 존재한다는 것을 인

2020년 7월 22일
·
0개의 댓글

[TIL](20200721)Javascript-1

문제가 안풀릴때는 문제의 조건을 잘 찾아보고 로직상의 오류보다 먼저, 오타 그리고 문제에서 요구한 type과 내가 제출한 type이 잘못되지 않았는지 찾아보자(이런 사소한 것 때문에 몇시간 버린다..)같이 공부하던 동기분들중에도 다들 점하나, 스페이스바 한칸, 오타 하

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

[TIL](20200720) HTML & CSS

https://developer.mozilla.org/ko/웹개발자들이 많이 참고할 수 있는 사이트https://validator.w3.org/Html 문서에 오류가 있는지 확인해 줄 수 있는 사이트https://caniuse.com/HTML

2020년 7월 20일
·
0개의 댓글