여러 프로젝트를 진행하면서 정말 수많은 CORS 오류를 경험해보았다. 그럴때마다 시간이 급하다보니 간단한 해결방법만을 서치해서 적용한 뒤 바로 넘어갈 때가 많았는데, 이번에 CORS에 대해 제대로 알아보고 싶어 이렇게 정리를 해보고자 한다.
프로젝트에서 typescript 를 제대로 인식하지 못하는 오류가 발생했다. yarn berry 로 설치해서 발생하는 문제인데, 공식 문서에서 해결하는 방식은 다음과 같다.Select Typescript Version을 클릭하면 위와 같은 창이 뜨는데 Use VS Co
사실 아직 부족한 점도 많고, 늘 남의 프로젝트가 더 대단해보이는 병이 있어서... 아직 더 배워야한다는 마음가짐을 갖게 되는 것 같다. 그래서 수료식때도 막 기쁘고 후련하다기 보다는, 이제 시작이라는 느낌이 많이 들었다. 이제 부캠을 핑계로 미뤄뒀던 알고리즘도 풀어야
중/대규모 모바일 및 웹 서비스 운영에 적절하다는 `Classic 1세대` 의 `Standard-g1` 설정하였다. 또한 우리가 가지고 있는 크레딧이 20만원 이기 때문에 (현재 이 계정으로 테스트 서버도 돌리고 있기 때문에 무리하면 안된다…)
`XOXO` 는 이미지 위주의 SNS 서비스이기 때문에, 이미지를 최적화하는 것에 있어서 많은 신경을 써야만 했습니다. 또한 각 피드와 포스팅에 대한 썸네일 리스트를 보여주는 화면이 존재했는데, 해당 썸네일의 원본 이미지를 보여주는 것은 비효율 적이라 생각하였기
문제상황 서버에게 부하를 최대한 줄이기 위해, 클라이언트에서 이미지를 업로드 하자! 클라이언트에서 Object Storage 업로드 하려고 찾아보니까 계속 CORS 오류가 뜸.. (=브라우저에서 바로 storage에 업로드 할 수 없음. 무조건 서버를 거쳐가야
로컬 상태 관리 라이브러리 진짜 클라이언트 상에서 생기는 변수들을 관리하는 것이 이들인 것 같다. 예를 들어보자면 Recoil / Redux / Zustand 등등등? ( + Recoil 의 Selector 에 관해… ) > Selector는 Recoil에서 함
😵이번 글은 무한 스크롤을 구현하기 위한 일대기를 담은 포스팅입니다…
TypeScript / React / SCSS 직접 웹팩 설정은 너무 큰 리소스다. CRA 로 시작하자.airbnb-eslint를 설정하자.prettier 설정도 맞추자.SCSS 를 사용하자.alias 를 통해 절대경로 설정도 해주자.npx create-react-ap
공식 문서(https://ko.reactjs.org/docs/hooks-reference.html클래스 컴포넌트와 생명주기 메서드를 이용하여 작업을 하던 기존 방식에서 벗어나 함수형 컴포넌트에서도 더 직관적인 함수를 이용하여 작업할 수 있게 만든 기능 (= c
가끔 프로젝트 초기 세팅때 정신을 놓고 있다가 .gitignore 설정을 까먹고 .env 를 푸시해버리는 경우가 있다. 그냥 커밋이더라도 놀랄텐데… 푸시? ㅎㄷㄷ…24시간 github를 돌아다니는 어떤 해커가 곧바로 내 소중한 환경 변수들을 탈취해갈까 손발이 덜덜 떨린
멤버십 합격했다!! 사실 처음 든 생각은 이게 먼저였던 것 같다. 워낙 멤버십에 가는 기준이 알려져 있지 않기도 하고, (물어보면 그냥 다들 '열심히 하면 가더라' 라는 말을 했다.)내가 4주동안 피어세션을 하며 만난 사람들은 다들 열심히하고, 잘하고, 배울 점이 많은
이글이 올라왔다는건 합격했다는 소리겠지?? 참고로 임시저장함에는 올라오지 못한 2021 부캠과 2022 부캠 ai tech 지원 글이 있다 ㅎㅎ 1차 테스트 CS문제 10개(11개?) + 코딩문제 2개 코딩문제 두개는 다 문자열 활용한 빡구현 문제였고, 문제 이해가
🔗https://programmers.co.kr/learn/courses/30/lessons/426271\. 매 반복문마다 jobs 배열을 돌면서 현재의 시간을 알려주는 time 보다 이전에 요청되어진 작업이 있는지 검사한다. 2\. 있다면 해당 작업을 he
🔗https://programmers.co.kr/learn/courses/30/lessons/60057만약 문자열의 길이가 10이라면 압축할 수 있는 최대 범위는 5즉, 문자열이 s라고 했을 때 len(s)의 1/2 이다.가능한 단위마다(1~len(s)/2)
🔗https://programmers.co.kr/learn/courses/30/lessons/72412백퍼 완전 탐색 하면 효율성 빵점일 것 같다..이진탐색으로 lower bound upper bound 를 구한다음 upper bound - lower bou
60059 자물쇠와 열쇠 https://programmers.co.kr/learn/courses/30/lessons/60059 생각 코드 60061 기둥과 보 설치 https://programmers.co.kr/learn/courses/30/lessons/60061
🔗https://www.acmicpc.net/problem/31901\. 그래프 탐색 하듯이 풀면 되지 않을까?!2\. 빈공간 0, 사과 1, 뱀을 -1로 해서 구현해보자.처음에 문제 세부 사항을 이해하기가 어려워서 직접 그려보며 이해...3\. move()