profile
Frontend
post-thumbnail

6월 30일

CDN, SSL인증서는 디폴트값으로 버지니아 북부 지역으로 설치했다.CloudFront 제외 나머지 (LB, EC2, storage 등은 모두 서울 지역으로!)LB옆에 Health Checker가 존재/ 인스턴스 그룹 / 5초마다 몇번씩 인스턴스 그룹 내의 인스턴스에

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

6월 28일

정적파일은 storage동적파일은 프론트엔드 서버로 분리배포는 yarn start 명령어로 함!=>소스코드를 수정해도 refresh 되지 않음=>배포 전에 최적화 과정이 선행되어야 함=>순서 1️⃣yarn build / 3️⃣yarn start(24시간동안 서버를 실행

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

6월 27일

배포

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

6월 23일

좋아요를 눌렀으면 백엔드로 가서, DB의 엑셀에 저장하고 받아와서 브라우저에 띄우는게 정상인데"어차피 받아올것"임을 전제로 거의 딜레이 없이 바로 화면에 좋아요를 띄우게 된다.인터넷이 느린곳에서 특히 효과적임실제로 빠른게 아니라 "빠르게 보이는" 눈속임남용하지 말기!!

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

6월 22일

rerender 시, 변수가 새로 만들어지는 상황함수가 새로 만들어지는 상황부모가 리렌더 시, 자식도 리렌더 되는 상황state가 변경될때마다 처음부터 다시 렌더링 되어서 처음에 써놓은 "컨테이너가 렌더링 됩니다"가 계속 찍히고 있음또한 state가 변경될때 다시 렌더

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

6월21일

이미지나 동영상은 구글 클라우드 스토리지에 따로 저장했었음파일은 여전히 스토리지에 남아있게됨!!!!!=> 스토리지 저장 비용 등 각종 비용이 발생하게됨!!!!브라우저에서 자체적으로 이미지로 변환할 수 있는 fileUrl을 만든다. (아직 스토리지 저장되지 않았음, 백엔

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

6월 20일

(난이도 있는 부분)accessToken 복습인증:토큰얻는과정인가:게시글 등록, 상품등록 등 내가 철수임을 인정받는 과정로그인을 하면 id/pw 넘김 => 그 데이터가 DB에 있는지 찾고 => DB에 있으면 백엔드 컴퓨터의 세션에 "철수:로그인함"과 같이 메모리세션에

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

6월 17일

🚀 오늘 배울 내용 - 구글지도 - 네이버 지도 - 카카오 지도 (수업에서 사용할것) ># 🚀 카카오맵이 있는 페이지로 이동하기 위해 router.push를 사용하면 오류가 뜨는 현상!!!! (a태그,href를 이용해야 오류가 사라진다...?) 💡 구버전)

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

6월 16일

html, css는 프론트엔드로부터 브라우저가 받아오는모습DB 엑셀로부터 정보를 백엔드가 받아오는 모습 PG(Payment Gateway)사가 카드회사를 대신해서 결제업무를 대행한다ex)NHN에 맞게 시스템을 만들어놓았다면 다른 PG사로 바꾸는게 쉽지 않다!!!그래서

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

6월 15일

💡 여러 웹사이트들을 보면 굵기, 밑줄, 기울임 등을 적용하는 글쓰기(웹 에디터) 경험을 할 수 있다!!!웹에디터(라이브러리)를 적용해보자!하이드레이션에서 발생하는 에러는 왜 생기고 어떻게 핸들링해야 하는지1️⃣ react-draft-wysiwyg2️⃣ React-Q

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

6월 14일

나가는 타입을 string으로 지정해줬기 때문에 return 123을 입력하면 오류가 남.123을 넣으면 arg:number로 들어가서 return이 되는데 얘가 string타입이라고? 말이 안된다!이런식으로 arg:number, 리턴타입을 number라고 써줘야함an

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

6월 13일 월요일

1️⃣ 첫번째 시간 커스텀훅 : use로 시작하는 것들 (useForm, useQuery 등등) 1.구조분해 할당에 관한 내용 ( const{}, const[] ) 4.규모가 큰 사이트의 경우 mutation과 refetch 두번 해야하기 때문에 좋지 않음. 자동으로

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

6월 10일

HoF((참고\_HoC설명))HoFonClickMove 누르면 (el.id)에 해당하는 바나나 20개가 콘솔로 찍힐것임내부의 스코프가 끝나야 다음 스코프가 끝나고 그 스코프가 끝나야 다음 스코프가 끝나게 됨.... 내부의 스코프가 끝나기를 기다리게됨내부 함수는 바로바로

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

6월 9일 목요일

1️⃣ 첫번째 시간 권한분기처리❌ 문제점들새로고침 했더니 로그인 정보가 사라짐1시간이 지났더니 로그인 정보가 사라짐(변수에 accessToken을 담아놨기 때문에 사라지는것임)그래서 localstorage 에 저장해야함!!!하지만 refreshToken 이후로는 loc

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

6월8일 수요일

1️⃣ 첫번째시간로그인과정(옛날방식)\_백엔드의 메모리 세션에 저장하는 방식(사용량이 적은 서비스에서는 요즘도 사용되고 있음//단, 사용량이 늘어날 경우 문제발생가능)브라우저 입력 => 백엔드의 메모리에 저장됨 => DB의 엑셀에 저장(cf. 디스크:영구 저장되는 장소

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

6월 7일 화요일

1️⃣ 첫번째 시간 (포트폴리오 검색창 리뷰)"점심"을 검색했으면 그에 맞는 단어가 빨간색으로 표시되도록 하기 위해 keword useState를 boardList 프레젠터로 넘겨주었음1.검색한 단어 양쪽에 시크릿코드 붙여줌2.시크릿코드를 기준으로 split해줌3.s

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

6월 6일 월요일

fileUrls는 배열에 비어있는 문자열 세개가 들어가있다fileUrls를 map으로 돌려주었기 때문에 이미지 업로드 네모 박스가 세개 그려져 있는것임공통 컴포넌트로 만들어 놓으면 필요한 곳에서 import해서 사용하기 편리할듯!!눈에 보이지 않게 display:non

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