profile
노래하는 개발자입니다.
post-thumbnail

개발이라는 선율(旋律) 위에서 🎹

무엇인가를 할 수 있다는 것, 그것만으로 이미 행복한 것 아닐까

5일 전
·
8개의 댓글
post-thumbnail

[Project] 당근마켓 후기

중고 물품 거래 서비스 당근마켓 클론 프로젝트

6일 전
·
0개의 댓글

TIL. TypeScript(리터럴, 유니온 타입) -10/4

리터럴 타입은 집합 타입의 보다 구체적인 하위 타입입니다.즉 타입 시스템 안에서 "Hello World"는 string이지만, string은 "Hello World"가 아니란 것입니다.var나 let으로 변수를 선언할 경우 이 변수의 값이 변경될 가능성이 있음을 컴파일

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

TIL. TypeScript-함수 -10/4

TypeScript 함수는 JavaScript와 마찬가지로 기명 함수(named function)과 익명 함수(anonymous function)로 만들 수 있습니다.예시예상하다시피한 예시를 봅시다.이런식으로 각 파라미터와 함수 자신의 반환될 타입을 정해줄 수 있습니다

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

TIL. 중간다리! middle ware - 9/27

redux middle ware를 배워보자!

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

[Project] Air BnB clone

숙박 공유 서비스 에어비앤비 클론 프로젝트schemaGeneral info(- Demo(- Technologies(- Features(- Contact(숙박 공유 서비스 에어비앤비 클론 프로젝트개발기간 : 2020.08.31 ~ 2020.09.11팀원 : Front-e

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

TIL. Detox를 정복해보자 -9/25

Detox - Matchers 1. by.id(id) :React Native 에서는 태그에 props로 testID를 전달해 줘서 사용한다. 2. by.label(label) : Match elements with the specified accessibili

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

TIL. TypeScript interface -9/21

인터페이스의 모든 프로퍼티가 필요한 것은 아닙니다.선택적 프로퍼티들은 객체 안의 몇 개의 프로퍼티만 채워 함수에 전달하는 "option bags" 같은 패턴을 만들 때 유용합니다.선택적 프로퍼티를 가지는 인터페이스는 다른 인터페이스와 비슷하게 작성되고, 선택적 프로퍼티

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

TIL. navigation, stack - 9/21

지금까지 저는 웹사이트에서 routes를 통해 컴포넌트들을 스위치 시키며 화면이 이동되는 것처럼 보이게 했습니다.그렇다면 앱에서는 어떻게 이런 기능을 만들 수 있을 까요?바로 navigation을 통해서 가능합니다.먼저 navigation/native를 install

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

TIL. react-native? -9/21

리액트의 접근방법을 모바일로 확장한 Facebook의 오픈소스 프로젝트입니다.javascript로 코딩한 React의 컴포넌트는 React Native 플랫폼을 거쳐 IOS, Android Native 코드로 각각 변환됩니다.개발환경을 만들어 봅시다.Expo CLIRe

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

TIL. TypeScript 기본타입 -9/18

TypeScript의 기본타입을 알아보자

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

TIL. css파일이 필요가 없나봐... styled-component

지금까지 우리는 특정 부분에 스타일을 줄때 인라인 style 이나 css파일을 분리해 className을 통해 style을 부여했습니다.그런데 css파일을 따로 만들지 않고 className을 주지 않고 style을 주는 방법이 또 있습니다.바로 styled-compo

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

TIL. 환상적인 관리소, Redux!

코드를 짜다보면 컴포넌트안의 컴포넌트안의 컴포넌트 안의... 이렇게 굉장히 깊숙한 관계까지 state나 함수를 전달해야 하는 경우가 있습니다.그럴때 눈물을 머금고 계속해서 전달해 주어야 하죠...또한 컴포넌트가 언마운트가 되고 다시 마운트 되면 초기값으로 돌아가기까지합

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

TIL. 슬라이드가 무한으로 된다고? (carousel Slider)

종종 웹사이트를 보다보면 상품이나 메인 이미지가 양옆으로 버튼을 누르면 무한대로 다음이나 이전 이미지로 바뀌는 것을 볼 수 있습니다.찾아보니 이런 기능을 carousel Slider라고 한다나 뭐라나...어쨌든 기능 이름은 중요하지 않습니다.이것을 구현해 보는게 중요하

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

TIL. 이벤트 버블링, 넌 실행되면 안된다고 - 9/5

생각지도 못한 이벤트가 발생했다.그 정체는 나를 감싸고 있는 부모요소.이벤트 버블링이란 보통 선택한 엘리먼트가 속해있는 부모요소에 의하여 발생하는 것으로어떤 버튼을 클릭하려고 할때 그 버튼을 가지고 있는 부모 요소에 이미 클릭 이벤트가 존재하는 경우를 말할 수 있습니다

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

TIL. Flex에 더 깊이.. - 9/2

레이아웃을 짜다보니 막상 예전에 했던 기본적인 flex를 잘 다루지 못하고 있는 나 자신을 보았다.그래서 다시한번 개구리도 잡아보고 복습해 보려 한다.개구리 잡으러!!🐸(https://flexboxfroggy.com/우리는 레이아웃을 짤 때 display 속

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

[1차 Project] Tesla Clone - 후기

전기자동차와 청정 에너지 회사인 tesla Korea 홈페이지 클론 프로젝트데모영상보기: tesla Korea clone코드보기: cyheum_github프론트: 오상구(PM), 유휘찬, 최예흠 (3명)백엔드: 김태수, 문태기 (2명)2020.8.18 ~ 2020.8.

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

TIL. AWS(Amazon Web Services) -8/27

AWS란? : Amazon Web Services의 줄임말로 Amazon사의 클라우드 컴퓨팅 플랫폼이다.: 가상 머신과 스토리지, 네트워크 인프라 등 다양한 서비스를 제공하고 있다.: Fortune Top 500 회사들의 80% 이상이 사용 중인 서비스.Per Hour

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

TIL. Pagination -8/26

: 페이지 네이션은 백엔드에서 보내줄 데이터가 굉장히 많은데 한 페이지에서 보여주기엔 너무 많아서 원하는 만큼 데이터를 나눠서 가져오거나 보여주게 해주는 기능 입니다.페이스북이나 인스타그램을 예시로 들 수 있습니다.피드가 처음부터 무한대로 있지는 않죠?내릴 때마다 어느

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

TIL. 동적 라우팅 -8/25

동적 라우팅은 쇼핑몰에서 많은 상품들처럼 컴포넌트들을 하나씩 다 Routes에 넣기에는 너무 힘들기 때문에 동적으로 원하는 url로 넣어주는 방법입니다.먼저 라우츠에 스위치에 동적 라우팅을 사용할 컴포넌트에 path를 수정해 줍니다.이런식으로 path에 :hello (

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