profile
생각하는대로 살지 않으면, 사는대로 생각하게 된다.

React | 프로젝트 절대경로 설정하기(Part.2)

이전에는 React Native+Typescript 절대경로 설정법에 대해 알아보았다.오늘은 React에서 쓰이는 절대경로 설정법에 대해 간단하게 정리하고자 한다.package.json을 수정한다.리액트(Creact React App)에서는 웹팩과 바벨 설정을 기본적으

2021년 3월 21일
·
0개의 댓글

문자 인코딩 초간단 개념 정리(UTF-8,UTF-16,아스키,유니코드 등)

한번쯤 웹사이트를 돌아다니면서 꿻뷁헬 이런 단어들을 보았을 것이다. 그렇다면 이런 단어들은 왜 나타나는 것일까?잘은 모르겠지만 인코딩 문제라는데.. UTF8,UTF16,아스키코드,EUCKR은 무엇이며 "아 이렇게 하니 해결이 되네?" 하고 넘어갔던 부분들을 명쾌하게 풀

2021년 2월 22일
·
0개의 댓글
post-thumbnail

React | Aws Cognito로 구글 로그인 API 연동하기

aws cognito로 구글 로그인을 붙여보기 전 간단한 개념 설명 먼저 하고, 붙이는 방법을 설명하고자 한다.AWS Cognito SiteGoogle Cloud Platform SiteAmazon Cognito는 웹 및 모바일 앱에 대한 인증, 권한 부여 및 사용자

2021년 2월 5일
·
0개의 댓글
post-thumbnail

CORS란 무엇일까?

Intro MDN에 그대로 적혀 있는 내용을 가지고 왔다. 이렇게 CORS라는 것은 웹,프론트,서버 개발자라면 꼭 알아야 하며, 중요한 내용을 다루기 전에 CORS가 나오게 된 배경에 대해 알아보자. 옛날에는 서버에 자료를 요청할 때는 같은 도메인에서 API를 요청

2021년 1월 30일
·
2개의 댓글
post-thumbnail

React.memo, useCallback 사용으로 렌더링 최적화 하기(feat.React-Native,Redux)

React Native 및 리덕스로 계산기 앱을 구현중 useCallback, React.memo를 접하게 되었다.평소 최적화에 작업에 쓰인다는 것은 알고 있었지만, 언제 어떻게써야 최적화 작업에 도움이 되는지는 몰랐다.이번에 사용함으로써 어떻게 어떤방식으로 최적화가

2021년 1월 29일
·
7개의 댓글
post-thumbnail

React Native + Typescript 절대경로 설정방법

리액트에 이어 리액트 네이티브 절대경로 설정방법 입니다. 리액트 절대경로 설정법은 아래 링크 참조 부탁드립니다.리액트 절대경로 적용하기리액트 절대경로 설정법에서도 보았듯이, 개발시 절대 경로 사용에 대한 필요성은 정말 중요하다.절대경로가 왜 중요한지는 위에 링크된 페이

2021년 1월 28일
·
0개의 댓글
post-thumbnail

SPA(CSR)? MPA( SSR) ?🤔

SPA,MPA,CSR,SSR은 현ㄷ내 웹 개발에서 프론트엔드 개발자가 아니어도 웹 개발 분야에 있다면 알아야할 개념들이다. 먼저 SPA와 MPA를 알아보기 전에 선행 학습으로 방법론 한가지를 짚고 넘어가고자 한다. 3계층 구조(3 Tier Architecture S

2021년 1월 26일
·
1개의 댓글
post-thumbnail

React-Native | 레스토랑 플랫폼 개발 프로젝트

'Oing(오잉)'은 프리미엄 레스토랑 추천 및 예약 플랫폼 'Poing'을 클론한 프로젝트입니다.Oing GitHub위코드에서의 3개월차에 배울수 있는 React-Native 세션,기업협업을 병행하며, 혼자서 일주일 동안 작업한 결과물이다. React Base이긴 하

2021년 1월 14일
·
1개의 댓글
post-thumbnail

Wecode | 기업 인턴십 후기

회사 소개 : 집현전 이라는 자사 Prop-tech 서비스를 통하여 빅데이터 기반 주거 목적의 부동산을 소비자에게 연결해주는 플랫폼 스타트업Prop-tech란? AI와 Big Data 등 신산업 기술과 부동산의 융합된 새로운 기술 분야위티는 자사서비스도 운영하면서 SI

2021년 1월 14일
·
0개의 댓글
post-thumbnail

React Typescript | 절대경로 적용하기(feat.React-CRA)

이 글은 typescript의 선행학습과 바벨,웹팩,CRA의 사전 지식이 있으면 도움이 되는 글입니다.리액트를 다뤄본 사람들이라면 상대경로 지옥을 겪어봤을 것이다.위와 같이 패키지 구조가 깊어질 경우 점점 더 import 하기 번거로워 진다.이런 식으로 import 할

2021년 1월 12일
·
0개의 댓글
post-thumbnail

Javascript | 얕은 복사와 깊은 복사(Part.1)

우선 이 주제를 이해하려면 자바스크립트의 데이터 타입(기본형,참조형)에 대해서 이해하여야 한다.필자는 '코어자바스크립트' 책을 보면서 많은 정보를 얻었지만, 위와 같은 이해가 부족하다면 아래 링크를 읽어보길 바란다.자바스크립트 기본형, 참조형 설명간단하게 설명하자면 자

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

(회고록)2020년 한 해를 되돌아보며

2020년 한 해를 되돌아보니 참 많은 것이 스쳐지나 갑니다.20년 6월 한 번도 생각해보지도 않았던 꿈이 생겨 익숙했던 환경을 벗어나 새로운 환경에서 적응을 해야했고, 처음이라 적응하기 힘들 것 같았던 생각과는 다르게 열심히 꾸준히 적응해나가는 제 자신을 보고 있자니

2021년 1월 1일
·
2개의 댓글
post-thumbnail

React | axios란? (feat. Fetch API)

# Intro 리액트는 효율적인 UI 구현을 위한 라이브러리이다. HTTP Client(HTTP 상에서 커뮤니케이션을 하는 자바 기반 컴포넌트)를 내장하고 있는 Angular와는 다르게, 리액트는 따로 내장 클래스가 존재하지 않는다. 따라서 리액트에서 AJAX를 구

2020년 12월 31일
·
1개의 댓글

Javascript | async와 await

이 글을 읽으려면 비동기 처리 및 콜백 함수와 Promise에 대해 이해하여야한다. 이 부분은 나중에 정리하기로 하자.async와 await은 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법이다.기존의 비동기처리 방식인 콜백함수와 Promise의 단점을 보완

2020년 12월 26일
·
2개의 댓글
post-thumbnail

Typescript | JS는 정말 좋은 아이였구나(feat. Indexable)

#Intro IndexAble을 설명하기 앞서 간단한(?) 코드카타를 하고 넘어가자. >#### 문제) ['2020','Jan','23'] 의 배열을 '2020-01-23'로 만드시오. 프로젝트를 진행하고 있었다. 오랜만에 로직을 짤 일이 있어서 코드카타하는 즐거

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

Typescript | 제네릭

제네릭은 C특히, 한가지 타입보다 여러가지 타입에서 동작하는 컴포넌트를 생성하는데 사용된다.제네릭같은 경우 타입스크립트를 처음 시작할때 입문자,또는 처음 시작하는 사람들에게 굉장히 두려워 하는 문법 중에 하나이다.(본인 또한 그래서 쉽게 정리하고자 한다.)그럼 제네릭이

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

Javascript 주요 메소드(ruduce 및 예제)

# reduce란? javscript를 사용하고 또 리액트를 사용하면서, 평소에도 중요하다 생각했지만 실제로 프로젝트를 진행해보니까 다시한번 중요하다 생각이든 메소드에 대해 정리를 해보려고 한다. 오늘은 그 중에 reduce에 대해 정리해보려고 한다. 먼저 redu

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

React | 독서 플랫폼 구현 프로젝트 회고

SUWEE의 서재는 국내 최대 독서 플랫폼 밀리의서재를 클론한 프로젝트 입니다.SUWEE의 서재 Front-End GitHurbSUWEE의 서재 Back-End GitHurb드디어 위코드에서 2차 프로젝트가 끝이났다. 1차 프로젝트도 너무 좋았지만, 이번 2차 프로젝트

2020년 12월 13일
·
7개의 댓글
post-thumbnail

Redux | Redux 개념 및 사용법(Part.2)

이 글은 벨로퍼트 님의 '리액트를 다루는 기술', 위코드의 Redux 세션을 참고하여 작성하였습니다.리덕스는 현재 가장 많이 사용되는 상태 관리 라이브러리이다. 리덕스를 사용하면 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리시켜 더울 효율적으로 관리할 수 있다

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

Redux | Redux야 너는 누구니?(Part.1)

React를 사용하면서 Redux라는 말을 들어봤을것이다. 필자 또한 그랬다. 그리고 이 단어를 들었을때 항상 꼬리표 처럼 달려 오는 말도 있었다. 엄청 어렵다.그래서 일까 이것을 배우기 시작전부터 설렘 보다는 두려움이 컸다."현재 내가 리액트를 제대로 마스터 하지도

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