profile
Trying to be a good web-developer

TIL - Typescript의 Interface

Typescript 하면서 중요하다고 느꼈던 Interface를 정리해보고자 한다. Interface Typescript의 핵심 기능 중 하나가 type-checking이다. Interface는 이러한 타입의 이름을 지정하는 역할을 한다. 지정한 type대로 값이 들

약 10시간 전
·
0개의 댓글

TIL - Next.js 구동 방식

\_app.js 와 \_document.js 은 Next.js의 자체 로직에 의해서 기본적으로 만들어주지 않아도 실행되는 server only file파일이다. 그렇기에 두 파일에서는 client에서 사용하는 로직(ex. eventlistener 등의 window /

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

TIL - Next.js 간단 소개

Next.js는 React의 SSR(Server Side Rendering)을 도와주는 프레임워크이다.React - CSR(Clinet Side Rendering) : 일반적인 React 렌더링 방식은 render() 함수가 먼저 실행되고, 그다음에 ComponentD

약 14시간 전
·
0개의 댓글

React + TypeScript + Styled-Components 초기 세팅하기

설치하면 이와 같은 화면 상태를 볼 수 있다.없어도 되는 파일 리스트setupTests.tslogo.svgserviceWorker.tsApp.test.tsx"baseUrl": "src" 스타일 리셋 패키지 설치하기 및 styles 폴더 만들기styles 폴더 내부에 G

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

2차 프로젝트 후기 : HI-VIBE

Naver VIBE 웹사이트 클론인원: 3 프론트엔드, 1 리액트네이티브,2 백엔드목표: 디자인, 인터페이스를 최대한 비슷하게 만들어 보기. 다양한 기능 사용해보기하이바이브Front-end: React JS, TypeScript, Redux, Styled-Compone

2020년 3월 21일
·
2개의 댓글

TIL - Git Flow

scrum 방식 처럼 git을 어떻게 하면 효율적으로 사용할 수 있는가? 에서 나온 말이다.Git flow 에서는 branch가 총 5개이다.Develop : 현재 우리가 사용하는 Local Master 브랜치 역할을 한다. 그래서 이 브랜치가 개발이 되는 기준이 된다

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

TIL - Git Rebase

지금까지 git을 이용할때 merge만을 사용했는데 merge의 단점은 모든 commit 메세지가 남아 불필요한 commit 메세지가 남을 수 있다는 점이다. 그래서 rebase를 이용하면 여러 commit을 하나로 만들어 깔끔한 관리가 가능하다.현재 사용하는 브랜치(

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

TIL - 네이버 로그인 API in React + TypeScript

clientId: 자리에 본인 api 신청시 받은 id를 입력해줘야 한다.callbackUrl: 콜백 url에 등록해 놓은 url 입력. 안해주면 안됨...callbackHandlke: true로 설정해 놓으면 해당 페이지는 callback페이지로의 동작을 수행한다.i

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

TIL - Data Structure(자료구조)

자료구조는 자료의 표현과 그것과 관련된 연산이다.자료구조는 일련의 자료들을 조직하고 구조화하는 것이다.어떠한 자료구조에서도 필요한 모든 연산들을 처리하는 것이 가능하다.자료구조에 따라 프로그램 실행시간이 달라진다.Primitive Data Structure : 프로그래

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

1차 팀프로젝트 후기 - Myfaketrip

소개 myrealtrip 웹사이트 클론 인원: 3 프론트엔드, 2 백엔드 목표: 디자인, 인터페이스를 최대한 비슷하게 만들어 보기. 다양한 기능 사용해보기 데모영상 https://vimeo.com/user92356942/review/396225073/e7b307d6a

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

Wecode 에서 한달 반이 지났다.

나는 현재 wecode에서 front-end 개발자가 되기 위해서 야금야금? 성장 중이다. 사실 개발에 대한 관심은 4년전 전공인 수학과에서 python 관련 수업을 들었을 때 시작되었지만, 그 관심은 잠깐의 호기심이었을뿐 그렇게 길게 유지되지 않았다.(수업때는 주로

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

TIL - 구글맵 API 사용하는 법

우리 프로젝트는 여행 페이지였기에 국내보다는 국외 장소로 초점이 맞춰져있다. 그래서 국내지도밖에 지원안되는 카카오맵이나 네이버지도 API는 사용할 수가 없었다. 그럼 답은 한가지. 구글맵 API뿐이었다. 구글은 현재 모든 API를 유료제공하고있는데(작년인가?부터 무료에

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

TIL - 리액트에서 children 활용

리액트에서 웹페이지를 만들다 보면 공통부분인데 일부만 약간 다른 경우가 있다. 일반적인 방법으로는 버전을 다르게 만드는 것인데 이보다 효율적인게 children을 이용하는 것이다. 말로만 해서는 사실 이해가 잘 안되므로 예제를 보여주겠다.

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

TIL - DB

데이터를 저장 및 보존하는 시스템데이터를 장기 기간동안 보존 하기 위해서 DB에 저장한다.DB없이 쓸 때는 메모리에 저장한다. 메모리는 DB에 비해 매우 빠르지만 종료하면 보존이 되지 않는 단점이 있다.파일에 저장해도 되는데 왜 DB에 저장하는 걸까? 원하는 데이터를

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

TIL - 프론트 엔드 스터디

//css.text { width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }h1 { background:url("h1 { background:url(h1 { background:url

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

TIL - 인증(Authentication) & 인가(Authorization)

유료뿐만 아니라 무료서비스에서도 남용을 막고 누가 쓰는지 알기 위해서 인증/인가는 자주 구현되는 API기능이다.로그인을 통해 유저의 아이디와 비밀번호를 확인하는 절차이다.인증을 하기 위해서는 먼저 유저의 아이디와 비밀번호를 생성할 수 있는 기능이 필요하다.비밀번호는 노

2020년 2월 19일
·
0개의 댓글

TIL - Git 두번째 이야기

이전에 기초적인 git에 관한 정보들을 올렸었는데 추가적으로 배운 내용을 간단히 적어보고자 한다.git clone : 클라이언트(로컬) 상에 아무것도 없을 때 서버의 소스코드를 내려받는 명령어. git clone 저장소 주소를 하면 저장소의 내용을 다운받고 자동으로

2020년 2월 12일
·
0개의 댓글

TIL - React (1)

컴포넌트를 사용해 복잡한 UI단을 쪼개서 쉽게 설계할 수 있게 해준다.변화하는 값을 선언적인 방법으로 손쉽게 다룸으로써, 사용자와 상호작용하는 간단하게 만들 수 있다.가상 돔(Virtual DOM)을 이용해 효율적이고 최적화된 환경을 제공한다.간단히 말해서, JavaS

2020년 2월 11일
·
0개의 댓글

TIL - DOM - Element CSS 스타일

1. CSS 스타일 정의 방법 3가지 인라인 스타일(Inline Style) : HTML 태그 명령어 라인 내부에 스타일 정의 내부 스타일(Internal Style Sheet) : HTML 문서 내부 상단에 style 태그를 이용해 별도로 스타일 정의 외부 스타일(E

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

TIL - 웹의 구조

1. 웹(Web)이란? 웹이란 World Wide Web의 줄임말로 WWW라고 부르기도 하는데, 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간을 의미한다. 2. 웹의 구조 image.png 웹은 위와 같이 동작한다. 유저(User)가 1번과 같이 웹 브라우저를 통해 www.naver.com 에 접속을 요청한다고 하자. DNS(Domai...

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