profile
실력은 인정받기 위함이고, 배려는 살아가기 위함이다.
post-thumbnail

ts-pattern을 활용한 강력한 디자인 시스템 컴포넌트 만들기

ts-pattern을 활용하여 효율적인 타입 안정성을 달성하고, 선언적인 구현으로 읽기 쉬운 디자인 시스템 컴포넌트를 만드는 방법을 소개합니다.

2023년 5월 12일
·
3개의 댓글
·
post-thumbnail

개발자를 스스로 코딩하는 사람으로 정의하지 말아주세요.

인턴으로서 부족하지만 이동수단, 버스, 일정, 굿즈, 이벤트까지 준비하며 개발자(?) 다운 일을 많이 할 수 있었습니다. 어쩌면 누구에겐 행사 준비일 수 있지만 저에겐 의미 있는 일들이 많아 기록으로 남겨두려고 합니다.

2022년 10월 11일
·
0개의 댓글
·
post-thumbnail

JAM Stack이란 무엇일까?

JAM stack 대한 내용은 이재성 개발자님이 발표해주신 [NHN FORWARD 2020] Welcome to JAM stack에 대한 내용을 정리 하였습니다.

2022년 8월 15일
·
0개의 댓글
·
post-thumbnail

네 Enum! 누가 Typescript에서 Enum을 쓰냐!

Enum을 Tree-shaking관점으로 Typescirpt에서 더 효과적으로 사용하기 위해 Union Type으로 Migration 할 때 공부하였던 내용과 간단한 사용방법 및 검증을 다룬다.

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

AWS와 React Query를 활용한 CRUD 만들기

오늘은 동아리 세미나때 함께 제공하기 위해 준비한 작고 귀여운 예제를 어떻게 만들었는지 공유해드릴려고 합니다.

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

아직도 Push Notification 으로 고생하세요? (Expo-Notifications)

FCM을 사용할려고 무수한 노력을 하였지만 eject의 고통이 너무 심해 expo에서 지원해주는 expo-notifications을 사용해보기로 하였다.

2022년 5월 29일
·
4개의 댓글
·
post-thumbnail

타입 스크립트에서 useEffect 안에서 API 통신하는 useAsync 커스텀 훅 만들기

평소 데이터 페치를 하면서 보통은 컴포넌트 내에서 함수를 만들어 개발을 하였다. 그런데 컴포넌트의 양이 많아지고 서버 개발을 하는 분이 종종 간단한 수정이 있으면 Axios를 볼 때가 있어서 함께 개발하는 하는데 피로감이 있어보였다. 나의 목표는 페이지가 떴을때 위의

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

Next.js에서 SSR로 url query 가져오기(feat. typescript)

Next.js가 현재 12까지 나와있다. Next.js 9.3 버전 부터는 이제 pre-rendering을 위한 data-fetching을 위해 사용하던 getInitialProps가 getStaticProps, getServerSideProps, getStaticP

2022년 4월 17일
·
0개의 댓글
·
post-thumbnail

Next.js에서 Next/image에서 외부 이미지를 못가져오는 문제(도메인 설정하기, loader 적용하기)

Next.js를 통해 위처럼 개발을 하려고 했었다. json 내 이미지 파일명이 담겨져서 서버 내 리소스 파일에 접근을 해서 가져와야했다. On one of your pages that leverages the next/image component, you passed

2022년 4월 17일
·
0개의 댓글
·
post-thumbnail

AWS Lambda의 response가 없던 이유 (feat. cold starts)

kakao i builder를 통해 챗봇을 운영하면서 현재 스킬 발화(api가 필요한 발화)는 모두 aws lambda를 활용해서 Serverless 개발을 하고 있다. 나름 자랑 아닌 자랑이라면 현재 유저가 3500명이 넘었다.!! 한국공학대학교 산돌이 챗봇 바로가

2022년 4월 8일
·
0개의 댓글
·
post-thumbnail

Next.js에서 Axios를 통해 getStaticProps를 사용해보자(feat. typescirpt)

평소 next.js에서도 axios를 즐겨 쓰는 나는 getStaticProps를 사용할때도 fetch가 아닌 axios를 써서 데이터를 받아오고 싶었다. SSR 방식으로 메뉴를 가져오고 싶어서 한번 적용을 해보았다. 스크린샷처럼 추가된 데이터를 받아오는 형식이라 CS

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

Axios에서 Post 시 Content type 'application/octet-stream' not supported 핸들링(415 에러)

날이 점점 풀려가지만 오늘도 나의 코드는 꼬여간다. 분명 POSTMAN 호출은 문제 없이 잘 작동하는 아주 평화로운 API 였다. 이미지와 JSON 형식으로 string이 들어간다. 그런데 오잉 프론트에서 계속해서 415에러를 뱉어내는게 아닌가??? 참을 수 없는 나는

2022년 3월 25일
·
1개의 댓글
·
post-thumbnail

리액트에서 글라스모피즘을 적용한 반응형, 적응형 레이아웃 만들기

DEMO 및 코드 보러가기 링크원티드 기업과제를 하면서 반응형 디자인에 신경쓰지 못한 것이 아쉬워서 따로 시간을 내서 반응형 디자인에 대해 공부해보았다. 그리고 기업과제 제출시에 가독성이 떨어진다는 점으로 글라스모피즘이 적용된 디자인을 하지 못해서 아쉬움이 남아 이번

2022년 2월 27일
·
0개의 댓글
·
post-thumbnail

원티드 프리온보딩 프론트엔드 코스 1일차 - OT, 모의면접

오늘부터 기대했던 원티드 프리온보딩 코스가 시작되었다.프리온보딩 구현과제 를 일주일간 열심히 풀며 부족한 부분은 다른 신청자분들의 github 코드를 보며 개발을 진행했었다. 이 부분은 나도 신경썼고 부족한 부분이 존재했었기에 정리해서 주말간 포스팅을 할 예정이다. 열

2022년 2월 21일
·
0개의 댓글
·
post-thumbnail

javascript로 풀어낸 완전탐색

컴퓨터의 빠른 계산 능력을 이용하여 가능한 경우의 수를 일일이 나열하면서 답을 찾는 방법입니다. 무식하게 푼다 라는 의미인 Brute-Force라고도 부릅니다. 완전 탐색 자체가 알고리즘은 아니기 때문에 완전 탐색 방법을 이용하기 위해서 여러 알고리즘 기법이 이용됩니다

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

Babel과 가장 많이 쓰이는 es6, es11 문법 정리

https://www.youtube.com/watch?v=36HrZHzPeuY해당 개념정리는 드림코딩 by 엘리님의 영상을 가지고 정리 했습니다. es6(2015)es6 이후는 internelt explorer에서 지원이 안됩니다. 그래서 babel을 사용해야

2022년 2월 3일
·
0개의 댓글
·
post-thumbnail

Javascript로 풀어낸 greedy 알고리즘

그리디 알고리즘은 선택의 순간마다 당장 눈 앞에 보이는 최적의 상황만을 쫓아 최종적인 해답에 도달하는 방법입니다. 그리디 알고리즘을 해결하기 위해서는 최적이라 생각되는 해답을 찾고 이를 통해 최종 문제의 해답에 도달하는 방식으로 접근해야합니다. locally optim

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

나의 실리콘벨리 인턴십 회고 - 1편(AI)

AI Application Development by Silicon Valley Engineering with Headstart Silicon Valley

2022년 1월 31일
·
0개의 댓글
·

티스토리에서 velog로 이사하다.

https://modernalchemist.tistory.com/티스토리에서 허브의 개발일지 라는 개발 블로그를 꽤 오랜 시간 운영하고 있었고 방문자도 꽤 많았다.

2022년 1월 31일
·
0개의 댓글
·