profile
개발자 성장기 🐣
post-thumbnail

20220310_TIL : 모바일 배포(1)

이미 배포된 사이트를 모바일에서 보일 수 있게 만드는 것.대신 그 자체를 바로 어플로 사용할 수 있다.yarn add react-native-webviewnpx react-native start ( -> yarn dev로 실행 )run-android (yarn buil

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

20220309_TIL : docker

SSH 종료 시(VM 인스턴스) 자동으로 서버가 종료되는 문제가 있다.이 문제를 해결하기위해 Docker 프로그램 기반 배포를 진행하는 법을 배웠다.

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

20220309_TIL : SSR 배포

브라우저에서 요청해서 받아온 데이터( 새로운 게시물 등록 / 상세페이지 )마다 파일을 만들어 배포할 수 없기 때문에 동적으로 화면이 그려질 수 있도록 해주어야한다.24시간 구동해서 동적 페이지에 대한 데이터/ html 파일을 받아와 브라우저에 띄워줄 수 있도록 하는 가

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

20220303_TIL : Jest , Cypress

배포 이후 서비스 진행 단계에서 추가 기능을 구현했을 때 기존 기능과 충돌은 없는 지 확인하기 위해 코드에 변화가 있을 때마다, 직접 브라우저에 들어가 모든 기능을 전부 체크할 수 없기 때문에 테스트코드가 필요하다.테스트를 위한 프레임워크/ 라이브러리를 이용했는데,개별

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

20220225_TIL : 이미지 업로드

기존에 스토리지 저장 방식에서는 게시물을 등록하지 않아도 이미지를 로드할때 스토리지에 저장하고 그 url을 받아와서 등록하는 방식이었다.JS 기능 FileReader()를 사용해서 아직 파일을 업로드(uploadFile)하지는 않은 상태로 임시 주소를 만들어서 이미지를

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

20220224_TIL : refresh Token

로그인 인증을 위한 accessToken은 제한 시간이 있기 때문에 refresh Token으로 만료시간이 되면 자동으로 accessToken을 갱신시켜주는 방법으로 로그인을 유지시켜줬다. (refreshToken 만료 이후에는 다시 로그인시켜줘야함.) 로그인 진행했

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

20220223_TIL : MAP API

지도 API 구현을 위해 카카오 declare window : type of globalThis & {} 페이지 이동에서 생기는

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

20220222_TIL : 결제

사용자가 구매를 위해 돈을 지불하는 과정이 어떻게 진행되는지 알아봤다.카드사에 결제를 요청해주는 PG사가 있고 각각의 PG사마다 개발자가 결제를 위해 연동해야할 과정이 매우 복잡한데, 이 과정을 대신 해주는 결제 솔루션회사가 생겼고 이번에 Import라는 서비스를 알게

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

20220221_TIL : 웹-에디터 라이브러리

화면에서 줄바꿈이나 색상 등 텍스트 스타일이나 기타 기능을 변경할 수 있는 라이브러리 react-qill로 추가적인 기능을 구현하는 법을 배웠다.Next.js 를 사용하면 서버에서 먼저 pre-rendering을 진행하게 되기 때문에 브라우저에서 실행 가능하도록 Rea

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

20220220_5주차 정리

💡 TypeScript Generic? 배열에서는?

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

20220218_TIL : Generic Type

데이터를 props로 넘겨주거나 HOC나 HOF를 활용하면서 타입스크립트로 타입을 지정해줄 때 정해진 타입 외에는 검색이 쉽지않아서 any로 일단 처리하고 넘어간 경우가 꽤 있었는데 오늘 배운 걸로 어느 정도 해결이 될 것 같다.💡 any VS unknownany :

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

20220217_TIL : 구조분해할당

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식.키값에 대한 데이터를 각각 가져오고 싶을때 child.name 으로 쓰지않아도구조 분해 할당으로 한번에 가져올 수 있다.데이터를 각각 조회할 수도

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

20220216_TIL : 가독성 좋은 코드 작성을 위해서는 ?

Graph-ql을 사용하면서 데이터를 조회할 때 원하는 시점에서 실행할 수 있게 하는 query들이 있다. useLazyQuery : 지정한 이벤트의 실행 여부에 따라 Query가 실행 useApolloClient : 지정한 이벤트에서 실행이 되고 관련 데이터를

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

20220215_TIL : 권한 처리를 위한 HOC / HOF

로그인 절차를 처리하는 과정에서 정보를 입력한 사용자와 DB에 저장된 사용자가 일치한다는 것을 의미하는 토큰을 받아오는 것까지 배웠다.하지만 이 벡엔드로부터 받아온 토큰은 브라우저를 새로고침했을 때 정보가 초기화된다는 문제가 있었다. 이 문제를 방지하기 위해 브라우저

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

20220214_TIL : 로그인 절차

브라우저에서 백엔드로

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

20220213_TIL : Global State / Context-API

지금까지 페이지 컴포넌트에 여러 컴포넌트를 이어서 하나의 결과물를 만들어왔다. 각각 컴포넌트 안에 state를 설정하고 컴포넌트를 이어주기 위해서 props로 데이터를 넘겨주는 방식으로 구성했다.모든 컴포넌트에 동일한 state를 설정하고 싶을 때가 있다. 예를 들어

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

20220211_TIL : 정규표현식

오늘은 어떤 텍스트를 검증할 때 사용하기 유용한 표현식을 한 가지 배웠다.

2022년 2월 11일
·
0개의 댓글

코드 성능 개선을 위한 Debounce / Throttle

브라우저 검색 기능을 배우면서 검색을 위한 단어를 변수로 지정해서 단어를 타이핑하면서 바로 검색이 되도록 코드를 작성했다. 하지만 바로 검색을 하도록 구현하면 사진처럼 한 가지 문제가 있었는데 타이핑이 될때마다 gragh-ql로 검색 요청이 들어간다는 점이다. 모든

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

20220209_TIL : 검색

검색 기능 구현 절차검색 기능 구현디바운스 / 쓰로틀링으로 해결 -> 블로그 주제

2022년 2월 9일
·
0개의 댓글

20220208_TIL : 파일 업로드를 하려면...

오늘은 텍스트 데이터가 아닌 이미지 등의 파일을 올리기 위한 과정을 배웠다. 파일을 저장하는 과정에서 기존 DB에 데이터를 저장하는 방식과는 다르게,업로드 파일 저장 과정 브라우저를 통해 이미지를 올리고 저장을 요청하면 벡엔드에서 <span style="colo

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