프론트엔드 정복하기

https://velog.io/@raejoonee/createAsyncThunk

createSelector - Selector 의 인자는 Redux State state 의 전체를 가리킨다! 아래 코드를 보면, state 는 state 전체를 가리키는 것을 볼 수 있다! import { createSelector } from '@reduxjs/toolkit' import type { RootState } from '@/store' import type { CreateReportParams } from '@/types/qna/report' const selfState = (state: RootState) => state const selectTarget = ( _state: RootState, target: { id?: number; type: CreateReportParams['ty..

기기 해상도에 따라 알맞은 이미지를 골라 쓸 수 있도록 다양한 사이즈의 이미지를 제공해줄 수 있다. https://velog.io/@hustle-dev/%EC%9B%B9-%EC%84%B1%EB%8A%A5%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%B5%9C%EC%A0%81%ED%99%94 웹 성능을 위한 이미지 최적화 이미지 최적화 방법론 velog.io

현재까지 섹션4: 경계다루기 - 매개변수의 순서가 경계다. 까지 본듯 함. 이후는 보고싶은것을 보고 정리하겠음. 섹션9: 추상화하기

사용 목적 - 비밀 설정 정보 관리 DB connection, API Key 등 비밀 정보가 노출되지 않도록 별도 관리가 필요함 유의점 .env 는 암호화된 파일이 아니다. 조회/수정 모두 가능하다. 따라서 .gitingnore 를 통해 해당 파일이 버전 관리 되지 않도록 해야 한다. .json, Object 등을 사용하지 않고 왜 굳이 .env 를 사용하는 것일까? - .json 단점 - 파싱 작업이 들어가야 한다. - 데이터가 추가될 때마다 set 해줘야 한다. - .env 장점 - 배포 시 Shell 로 변경이 가능하여 수정이 용이하고, ShellScript(?) 를 이용해 SSH, CI/CD 에서 활약을 기대할 수 있다. - express 에서는 NODE_ENV 라는 환경변수를 통해 개발환경과 운..

https://velog.io/@taelee/%ED%99%98%EA%B2%BD-%EB%B3%80%EC%88%98-%EC%84%A4%EC%A0%95-Mac 환경 변수 설정 Mac 위와 같이 치면 환경변수에 PATH변수가 등록되지만 이는 일시적으로만 바뀌어서 터미널이 재부팅되면 사라짐먼저 현재 사용중인 쉘을 알아보자결과 Bash이면 ~/.bash_profile 이나 ~/.bashrc를 수정하면 velog.io 새로알게된 사실 source ~/.zshrc --> 새로고침됨!