profile
괴발개발~
post-thumbnail

타입스크립트

Number와 number의 차이는 뭘까?

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

CORS 정복

여러 프로젝트를 진행하면서 정말 수많은 CORS 오류를 경험해보았다. 그럴때마다 시간이 급하다보니 간단한 해결방법만을 서치해서 적용한 뒤 바로 넘어갈 때가 많았는데, 이번에 CORS에 대해 제대로 알아보고 싶어 이렇게 정리를 해보고자 한다.

2023년 4월 17일
·
0개의 댓글
·
post-thumbnail

yarn berry에서의 cannot find module 에러 해결

프로젝트에서 typescript 를 제대로 인식하지 못하는 오류가 발생했다. yarn berry 로 설치해서 발생하는 문제인데, 공식 문서에서 해결하는 방식은 다음과 같다.Select Typescript Version을 클릭하면 위와 같은 창이 뜨는데 Use VS Co

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

부스트캠프 7기 멤버십 후기

사실 아직 부족한 점도 많고, 늘 남의 프로젝트가 더 대단해보이는 병이 있어서... 아직 더 배워야한다는 마음가짐을 갖게 되는 것 같다. 그래서 수료식때도 막 기쁘고 후련하다기 보다는, 이제 시작이라는 느낌이 많이 들었다. 이제 부캠을 핑계로 미뤄뒀던 알고리즘도 풀어야

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

ncloud 로 프론트엔드 서버 배포하기

중/대규모 모바일 및 웹 서비스 운영에 적절하다는 `Classic 1세대` 의 `Standard-g1` 설정하였다. 또한 우리가 가지고 있는 크레딧이 20만원 이기 때문에 (현재 이 계정으로 테스트 서버도 돌리고 있기 때문에 무리하면 안된다…)

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

SCSS로 모바일 퍼스트 디자인 손쉽게 적용하기

🎄이번 글은 모바일 퍼스트를 구현했던 이야기를 담고 있습니다…

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

Image Optimizer를 통해 이미지 렌더링을 최적화 해보자

`XOXO` 는 이미지 위주의 SNS 서비스이기 때문에, 이미지를 최적화하는 것에 있어서 많은 신경을 써야만 했습니다. 또한 각 피드와 포스팅에 대한 썸네일 리스트를 보여주는 화면이 존재했는데, 해당 썸네일의 원본 이미지를 보여주는 것은 비효율 적이라 생각하였기

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

이미지 업로드를 클라이언트에서 하면 안되는 걸까?

문제상황 서버에게 부하를 최대한 줄이기 위해, 클라이언트에서 이미지를 업로드 하자! 클라이언트에서 Object Storage 업로드 하려고 찾아보니까 계속 CORS 오류가 뜸.. (=브라우저에서 바로 storage에 업로드 할 수 없음. 무조건 서버를 거쳐가야

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

프론트엔드 상태관리 라이브러리 뭐하지?

로컬 상태 관리 라이브러리 진짜 클라이언트 상에서 생기는 변수들을 관리하는 것이 이들인 것 같다. 예를 들어보자면 Recoil / Redux / Zustand 등등등? ( + Recoil 의 Selector 에 관해… ) > Selector는 Recoil에서 함

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

SWR과 Intersection Observer API로 무한 스크롤 구현하기

😵이번 글은 무한 스크롤을 구현하기 위한 일대기를 담은 포스팅입니다…

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

CRA로 React 개발 시작하기 (TypeScript, eslint, prettier, alias)

TypeScript / React / SCSS 직접 웹팩 설정은 너무 큰 리소스다. CRA 로 시작하자.airbnb-eslint를 설정하자.prettier 설정도 맞추자.SCSS 를 사용하자.alias 를 통해 절대경로 설정도 해주자.npx create-react-ap

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

[React] 커스텀 훅 사용하기 (useFetch, useInput)

공식 문서(https://ko.reactjs.org/docs/hooks-reference.html클래스 컴포넌트와 생명주기 메서드를 이용하여 작업을 하던 기존 방식에서 벗어나 함수형 컴포넌트에서도 더 직관적인 함수를 이용하여 작업할 수 있게 만든 기능 (= c

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

모르고 .env를 푸시해 버렸을 때

가끔 프로젝트 초기 세팅때 정신을 놓고 있다가 .gitignore 설정을 까먹고 .env 를 푸시해버리는 경우가 있다. 그냥 커밋이더라도 놀랄텐데… 푸시? ㅎㄷㄷ…24시간 github를 돌아다니는 어떤 해커가 곧바로 내 소중한 환경 변수들을 탈취해갈까 손발이 덜덜 떨린

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

부스트캠프 멤버십 합격

멤버십 합격했다!! 사실 처음 든 생각은 이게 먼저였던 것 같다. 워낙 멤버십에 가는 기준이 알려져 있지 않기도 하고, (물어보면 그냥 다들 '열심히 하면 가더라' 라는 말을 했다.)내가 4주동안 피어세션을 하며 만난 사람들은 다들 열심히하고, 잘하고, 배울 점이 많은

2022년 8월 24일
·
1개의 댓글
·

부캠 지원 회고

이글이 올라왔다는건 합격했다는 소리겠지?? 참고로 임시저장함에는 올라오지 못한 2021 부캠과 2022 부캠 ai tech 지원 글이 있다 ㅎㅎ 1차 테스트 CS문제 10개(11개?) + 코딩문제 2개 코딩문제 두개는 다 문자열 활용한 빡구현 문제였고, 문제 이해가

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

[프로그래머스/파이썬] 디스크 컨트롤러

🔗https://programmers.co.kr/learn/courses/30/lessons/426271\. 매 반복문마다 jobs 배열을 돌면서 현재의 시간을 알려주는 time 보다 이전에 요청되어진 작업이 있는지 검사한다. 2\. 있다면 해당 작업을 he

2022년 4월 7일
·
0개의 댓글
·

[프로그래머스/파이썬] 문자열 압축

🔗https://programmers.co.kr/learn/courses/30/lessons/60057만약 문자열의 길이가 10이라면 압축할 수 있는 최대 범위는 5즉, 문자열이 s라고 했을 때 len(s)의 1/2 이다.가능한 단위마다(1~len(s)/2)

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

[프로그래머스/파이썬] 순위 검색

🔗https://programmers.co.kr/learn/courses/30/lessons/72412백퍼 완전 탐색 하면 효율성 빵점일 것 같다..이진탐색으로 lower bound upper bound 를 구한다음 upper bound - lower bou

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

[프로그래머스/파이썬/구현] 22주차 문제풀이(60059 자물쇠와 열쇠 60061 기둥과 보 설치 60062 외벽 점검)

60059 자물쇠와 열쇠 https://programmers.co.kr/learn/courses/30/lessons/60059 생각 코드 60061 기둥과 보 설치 https://programmers.co.kr/learn/courses/30/lessons/60061

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

[백준/프로그래머스/파이썬/구현] 21주차 문제풀이(#3190, #15686, 60057 문자열 압축)

🔗https://www.acmicpc.net/problem/31901\. 그래프 탐색 하듯이 풀면 되지 않을까?!2\. 빈공간 0, 사과 1, 뱀을 -1로 해서 구현해보자.처음에 문제 세부 사항을 이해하기가 어려워서 직접 그려보며 이해...3\. move()

2022년 2월 16일
·
2개의 댓글
·