profile
함께 일하고 싶은 환경을 만들어가는 프론트엔드 개발자 박준형입니다.
post-thumbnail

2022 INFCON를 다녀왔다

2022 INFCON 후기

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

Web FrontEnd - Hydration

누구보다 빠르게 난 남들과는 다르게... 아무튼 소주도 물은 물이잖아요

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

Next.js data Fetching

반갑다 난 요즘 매우 바쁘다

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

나만의 React | NextJs BoilerPlate 만들기

꼰대가 되어가는 나에게 일침한마디

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

React Hooks useEffect

오랜만에 공부하는척 ^~^ - 2

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

React LifeCycle

오랜만에 공부하는척 ^~^ - 1

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

Context API 사용

에잇,,,! 부모도 못알아보는 나쁜새기

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

Apollo 를 사용해보자 with React.js

우선 이글은 D2개발 블로그 내용에 의거하여 작성중입니다.일단 이 글을 작성하기 위해 간단한 CRUD가 가능한 TODO APP백엔드 개발과 프론트 개발을 마쳐놓은 상태입니다.궁금하면 눌러줘요 제발!진짜 뭘까 아폴로가?내가 아는 아폴로는이거였는데 말야사실 GraphQL

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

Mobx + MVVM PATTERN with Next.js

왜 이걸 갑자기 사용하나? 왜냐면... > 그렇다 나 취업함 (일단박수) 내가 자주 사용하던 스택과 디자인 패턴은 아래와 같다 > - React Hooks Components Redux-Thunk PC pattern 회사에서 사용하는 스택과 디자인 패턴은 >

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

Nomflix 리팩토링 - SSR 적용[2]

Next.js를 이용하자 getServerSideProps는 언제 실행 되는가 getServerSideProps는 서버측에만 실행되고 브라우저에서는 실행되지 않는다. 해당 페이지를 직접요청하면 getServerSideProps 요청시 실행되고 반환되는 props

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

Nomflix 리팩토링 - 기존 코드 분석 [1]

놈플릭스 프로젝트는Presenter / Container 디자인 패턴으로 구성되어있다.그중 Container가 class형 컴포넌트로 코드가 작성되어있었고 이를 Hooks로 변경해줄것이다.componentDidMount 를 useEffect로state 를 useStat

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

Nomflix 리팩토링 - 요구사항 분석[0]

넷플릭스를 클론코딩해봤었다React, JavaScript, Class 형태로 만들어서 AWS s3에 배포했었는데요거를 React, TypeScript, Hooks + Next.js를 적용시켜보자!그후 Vercel로 배포해보려한다.TMDB 를 이용하여 넷플릭스 클론코딩

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

NUMBLE 챌린지 [다른색깔 찾기 게임]

고마워요 넘블님덜 저에게 이런 공짜로 공부해볼 기회주셔서!!!링크를 클론코딩하여라React 사용Function Component 사용TypeScript 사용서버 배포까지 구현Context, Redux, Mobx, Recoil 등 상태관리 도구를 사용하지 않을 것조건은

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

HeartRing [6] 가비아 + Route 53 연결 해보기

방금 도메인을 하나 샀다http://heart-ring.shop쇼핑몰 프로젝트에 걸맞는 도메인인것같다. shop이라니.. 너무 미친듯이 빛나는데 가격도 550원 낄낄이걸 S3 정적 웹호스팅과 Route 53을 연결해보자S3 > 버킷 > 권한 > 버킷정책 > 정

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

HeartRing [5] AWS S3에 자동배포를 해보자

하트링 프로젝트를 Vercel이 아닌 Github Action 을 이용하여 자동배포화를 진행해보려한다.현재 하트링 프로젝트는 팀원의 레포를 내가 fork해와서 새로운 기능이나 버그를 고칠때 새로운 브랜치를 생성해 수정 혹은 기능구현후 Pull Request를 날려 마

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

HeartRing [4] react-helmet

HTML은 Head와 Body 로 이루어져있다.Head안에서 title태그가 존재하는데주소창 위에 홈페이지 타이틀이 보이는가??HTML의 <title> 태그는 HTML 문서의 제목을 정의하는 데 사용된다.이를 리엑트에서 쉽게 사용하게 해주는 react-helmet

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

NextJs 정적페이지 배포 [S3 + IAM + Github Action][3]

내 포스팅을 보고있는 개발자분들이라면,,, AWS 계정 하나씩은 있을것이라고 생각해보고 회원가입 가이드는 사뿐히 무시하겠음본인은 한번 연습해보고 한거기에 이미 버킷 및 설정이 다 되어있습니다.버킷만들기를 눌러줍니다버킷이름을 지어야하는데본인은 bbakjun-github-

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

NextJs 정적페이지 배포 [S3 + IAM + Github Action][2]

자자 빌드를 해봅시다. 지난 포스팅에서 정적페이지 전용 빌드 스크립트로 바꿨고 next.config.js 설정도 변경하였으니 아마 아래와 같은 결과물이 나올것이라고 예상이 됩니다.내가 원하는것은 main 브랜치에 푸쉬할때 GitHub Action 에서 자동으로 빌드하여

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

TypeScript 기본 타입

TS의 타입은 12가지 Boolean Number String Object Array Tuple Enum Any Void Null Undefined Never > 아래에서 쓰이는 를 사용하여 자바스크립트에 타입을 정의하는 방식을 타입표기(Type Annotaion)이라

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