profile
쉽게만 살아가면 재미없어 빙고!
post-thumbnail

프론트의 입장에서 해킹을 막는 최소한의 보안법

저처럼 다 뚫리고 후회하시지 마세요..

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

한국어 은/는 이/가 와/가 javascript로 처리하기

참 쉽습니다

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

Formik과 Yup을 사용하여 input validation 간편하게 처리하기

언제까지 util/validate.js 만들어 사용할꺼야

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

debounce 함수로 알아보는 useCallback, useMemo

react hook에서 debounce 함수가 작동하지 않는다면? 이걸 보라..

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

nginx docker container: 502 localhost에서 nginx가 돌아가지 않는 이슈

docker container를 사용하는 pc를 host로 해서 올려보았다.nginx에 루트 server port : 80으로 받고, proxy로 localhost:3000으로 보내주도록 설정을 짰다.근데, localhost:80에서는 502 error가 뜨고, lo

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

export=/bin:/usr/bin:/usr/local/bin:${PATH}를 파헤쳐보자

zsh: command not found는 왜 발생하는걸까

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

pdf viewer 라이브러리 없이 직접 만들기 (feat. aws s3)

어렵지않아요

2022년 5월 3일
·
3개의 댓글
·

[뒷북] TIL - Grid css

프로젝트 중 list page도 담당하게 되었다. list page이다 보니까 float: left를 사용하여 li를 가로배열 한 뒤 작업을 여차저차 해야겠다고 생각하던 중, 동희님✨께서 힌트를 주신 Grid를 사용하여 작업을 진행하게 되었다. display: gri

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

Error log: yarn으로 pm2 돌릴 때 발생하는 에러 해결 (nginx 502 bad gateway)

문제 상황 dev서버를 껐다 킬 일이 있어서 껐다 킨 뒤..pm2 start를 하니 502 bad gateway만 뜬다. yarn dev시에는 잘 켜지는 것으로 봐서는 pm2 인스턴스 문제인 것으로 파악된다 502error를 해결해야된다! 문제 원인 The erro

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

React18 : Type{} is not assignable to type 'ReactNode' 해결

오랜만에 배포를 진행하려는데 너무나 당연하게 사용하던 라이브러리(react-youtube)에서 갑자기 type문제가 발생하였다. (왜그러는데;) 조금 찾아보니 react18업데이트(22.03.08) 이후 type 적용이 일부 불안정한 부분이 있었던 것으로 확인되어, 해

2022년 4월 23일
·
6개의 댓글
·
post-thumbnail

좋은 코드란 뭘까

짧게 쓴 코드가 좋은 코드라고 말할 수 없다

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

Github actions로 CI/CD 구현하기

항상 CI/CD 이야기는 많이 들어보았는데 정확히 어떤 것인지 감이 안와,간단하게 구현할 수 있다는 github actions를 활용하여 한번 만들어보았다.정말 쉽다…!이미 구현되어있는 탬플릿도 많고, 직접 만들때도 예제가 있어 설명만 잘 읽으면 바로 뚝딱 만들 수 있

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

움직이는 배너 슬라이드 만들기

라이브러리 없이 움직이는 배너 만들기

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

요즘 핫한(?) slide up 형태의 carousel 만들기

css위주로 나름 핫한(?) slide up형태의 캐러셀을 만들어보자

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

[Next.js] _app.js와 _document.js의 차이

facebook pixel 스크립트 저장을 예시로 두 파일을 비교해보자

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

next s3 upload를 활용하여 다중 파일 업로드 기능 구현하기

가장 쉬운 s3 업로드 방법

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

구글링을 너무 믿지 마세요 - 글자 줄 수에따른 textarea높이 조절 삽질기

너때문에 다 깨져벼렸잖아. 책임져.

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

Elastic Beanstalk를 활용하여 cors proxy서버 구축하기

cors-anywhere를 elastic beanstalk에 배포하자

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

nextjs dev서버 구축기 (with AWS lightsail)

이제는 도망칠 곳이 없어 dev서버를 만들었다..

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