profile
Front-end developer

AWS(Amazon Web Service)

AWS 는 Amazon Web Service의 줄임말이다. AWS는 소위 클라우드 서비스라고도 한다. 클라우드 서비스는 서버 등의 인프라스트럭쳐를 필요한대로 on demand로 사용할 수 있는 서비스이다. 즉, 유저가 직접 서버르 구입하고 설치할 필요 없이 AWS상에

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

React - Redux

Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너이다.그럼 언제 사용하는 것이 좋을까?? 기본적으로 react의 기능만으로 대응하기 힘들 정도로 애플리케이션의 상태 관리가 복잡해졌다고 확실히 판단이 되었을 때 사용하는 것이 좋다.Draw by 승현 손유저가

3일 전
·
0개의 댓글

Context API

일반적인 React 애플리케이션에서 데이터는 위에서 아래로, props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의 경우 이 과정이 번거로울 수 있다. context를 이용하면, 트리 단계마다 명시적으로 props를 넘겨주지 않아도

3일 전
·
0개의 댓글

useMemo, useCallback의 사용법

Memoization 기본적인 useMemo와 useCallback에 대한 사용법을 알기 전에 Memoization부터 보는 것이 좋겠다. Memoization이란 기존에 수행한 연산의 결과값을 어딘가에 저장해두고 동일한 입력이 들어오면 재활용하는 프로그래민 기법을

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

WECODE 기업협업 프로젝트 1-3

프로젝트는 현재 코인고스트 앱 페이지에서 실제로 사용되고 있는, 블로고의 리스트페이지, 상세페이지 그리고 회원가입 페이지를 구현하는 것이다. 프로젝트 github 주소NextJS ,React Hook ,typescript, Styled Components, SWR, R

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

WECODE 기업협업 프로젝트 1-2

프로젝트 소개 > 프로젝트는 현재 코인고스트 앱 페이지에서 실제로 사용되고 있는, 블로고의 리스트페이지, 상세페이지 그리고 회원가입 페이지를 구현하는 것이다. 기술스택 NextJS ,React Hook ,typescript, Styled Components , SWR

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

WECODE 기업협업 1주차 프로젝트 회고 1-1

프로젝트는 현재 코인고스트 앱 페이지에서 실제로 사용되고 있는, 블로고의 리스트페이지, 상세페이지 그리고 회원가입 페이지를 구현하는 것이다. NextJS ,React Hook ,typescript, Styled Components , SWRtypescript 으로 작성

2022년 6월 25일
·
0개의 댓글
post-thumbnail

WECODE 기업협업 1주차 회고

위코드의 마지막 한 달인 기업 협업을 나가게 되었다1 지망에 지원한 블록체인 전문 포털 사이트인 '코인고스트'로 기업협업을 나가게 되었으다.코인고스트는 컨텐츠 생성 기여자에게 채굴보상 지급해주는 시스템을 베이스로 하는 회사로 현재 크립토/NFT 관련 프로젝트 검색 기능

2022년 6월 25일
·
0개의 댓글
post-thumbnail

WECODE - 2차 프로젝트 회고

위코드에서의 2차 프로젝트가 마무리되었다. 2차 프로젝트가 끝나며 동시에 WECODE의 생활이 끝났다. 2차 프로젝트 회고와 동시에 간단히 wecode에서 느낀점 배운점 개발자에 대한 생각들을 풀어보았다

2022년 6월 19일
·
0개의 댓글

Typescript - Narrowing, Assertion 으로 타입 확정하기

Type Narrowing > if문 등으로 타입을 하나로 정해주는 것을 뜻한다. string | number 같은 union type 에는 일반적으로 조작을 못하게 막아놔서 에러가 나는데, 이런 메세지를 보면 1. 타입을 하나로 Narrowing 해주거나 2. A

2022년 6월 19일
·
0개의 댓글
post-thumbnail

Typescript 가 뭐죠

2차 프로젝트가 어느 정도 마무리되었고 다음 주부터 기업협업이 시작된다. 프로젝트에 부족한 부분을 리팩토링하는 시간을 가지고 싶었지만 기업협업을 나가는 입장에서 기본은 갖추는 게 예의라는 생각이 들어 조금이라도 보고 가자라는 생각을 했다.물론 가서 잘하고 싶고, 얼타고

2022년 6월 15일
·
2개의 댓글
post-thumbnail

MEGABOXU 2차 프로젝트 1주차 회고 - DateSlide

월요일을 쉬고 화요일부터 시작해서 그런지 벌써 주말이다. 아침에 wecode에 오니 아무도 없어 1주차 블로그를 써보자 한다.일단 위에 짤을 보자... 엄청난 삽질의 결과였다.처음에 date slide를 구현하기 위해서 react slick과 date-fns를 사용하였

2022년 6월 11일
·
1개의 댓글
post-thumbnail

MEGABOXU 2차 프로젝트 Planning Meeting

2차 프로젝트는 조금 더 기록을 열심히 해보자 한다2차 프로젝트는 1차 프로젝트의 아쉬운 점, 잘한 점을 생각하며 최대한 효율적으로 진행해보자원래 우리팀은 CGV 클론 코딩을 하게 되었지만, CGV보다 메가박스의 UI가 더 깔끔하다고 생각을 하였고 시작하자마자 메가박스

2022년 6월 7일
·
0개의 댓글
post-thumbnail

TOWESTORY 1차 프로젝트 회고

WECODE 1차 프로젝트 회고

2022년 6월 5일
·
0개의 댓글
post-thumbnail

Code Kata - 없는 숫자 더하기

0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성해주세요.제한사항1 ≤ numbers의 길이 ≤ 90

2022년 5월 29일
·
0개의 댓글

RESTful API - Query Parameters VS Path Parameters

간단한 방법인 GET 메소드를 사용해서 데이터를 전송하는 방법을 알고있을 것이다. 쇼핑몰 서비스를 만든다고 가정한다면 기본적으로 사용자 목록을 관리하고 모든 사용자는 사용자 페이지가 있어야 한다.그리고 각각의 사용자를 위한 페이지를 만들려면 페이지 마다 식별된 파라미터

2022년 5월 29일
·
0개의 댓글

[API] RESTful API

RESTful API는 두 컴퓨터 시스템이 인터넷을 통해 정보를 안전하게 교환하기 위해 사용하는 인터페이스이다.애플리케이션 프로그래밍 인터페이스(API)는 다른 소프트웨어 시스템과 통신하기 위해 따라야 하는 규칙을 정의한다. 우리와 같은 개발자는 다른 애플리케이션이 프

2022년 5월 29일
·
0개의 댓글

Javascript - 유용한 배열 함수들

써도 써도 까먹는 배열 함수들... 확실하게 외우고싶어 퀴즈를 풀며 정리를 해보려고 한다.join - 배열 원소 전부를 하나의 문자열로 합친다. 구분자(separator)를 넣어서 원하는 방식으로 응용할 수 있음split - 문자열을 일정한 구분자로 잘라서 각각의 문자

2022년 5월 22일
·
0개의 댓글
post-thumbnail

javascript 동작원리(Stack, Queue, event loop)

HTML, CSS, JavaScript를 해석해주는 엔진이 바로 브라우저라고 보면된다.근데 브라우저는 JavaScript를 해석하는 순서가 이상하다. 이러한 특징을 알아보자위와 같이 코드를 작성하면 2, 6이 먼저 출력 1초 후 4가 출력되는 것을 볼 수 있다.왜 순서

2022년 5월 22일
·
0개의 댓글
post-thumbnail

React Hooks - useEffect

useEffect는 엄청 중요한 Hook이라고 한다. 리액트 컴포넌트가 렌더링(Mount, Update, Unmount)될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook이다.useEffect 훅은 인자로 콜백함수를 받으며, 두 가지 형태를 기억하자1\. 첫번째

2022년 5월 19일
·
0개의 댓글