공부 기록일지📚

로컬 캐싱이란? 로컬 캐싱이란 자주 사용되는 데이터를 컴퓨터의 메모리에 저장하는 것을 말한다. 이렇게 하면 데이터에 엑세스하는 시간이 단축되고 성능이 향상된다. 로컬 캐싱은 웹 브라우저, 운영 체제, 어플리케이션 등에서 사용된다. 로컬 캐싱의 장점 데이터 엑세스 시간 단축 시스템의 부하 감소 성능 향상 로컬 캐싱의 단점 캐시가 손상되거나 손실될 수 있다. 캐스의 크기가 커지면 메모리 사용량이 증가할 수 있다. 캐시를 적용하기에 적합한 데이터 반복적이고 동일한 결과가 나오는 기능의 반환값 업데이트가 자주 발생하지 않는 데이터 자주 조회되는 데이터 입력값과 출력값이 일정한 데이터 [적합하지 않은 데이터] 캐싱된 데이터는 데이터 갱신으로 인해 DB와 불일치가 발생할 수 있다. 그렇기 때문에 데이터 Update..

[진행 기간]: 23.07.03(월) ~ 07(금) [교육 내용] 자소서를 작성하는 방법에 대해서 알려주는 세션(개발자로서의 장점) 과제 피드백을 통한 개선 방향 제시(클린코드,비동기 코드 에러 핸들링, 함수 단일 책임 원칙, 좋은 주석, 불필요한 state 제거) React 렌더링 최적화 & 메모이제이션을 해야하는 상황 [느낀 점] 관심사 분리? 제어의 역전? 잘 와닿지 않는 개념을 쉽게 풀어 설명해준다. 물론 코드에 알려준 개념들을 자연스럽게 녹여서 적용하기는 아직은 어렵지만 생각하지 못한 방법에 대해서 알게되어 좋은 경험이라고 생각한다. 함수형 컴포넌트 위주로 작성하다보니 획일적인 방법만을 사용하려는 경향이 생겼었는데 ES6 class 문법을 통해서(물론 bind()를 써줘야 하지만) 횡단 관심사를..

npm install 과 npm ci 차이? 둘 다 의존성 패키지를 설치하는 명령어이다. 차이점은 기준이 되는 파일 npm install은 package.json을 기준으로 의존성을 설치한다. npm ci(clean install)은 package-lock.json을 기준으로 의존성을 설치한다. => 최종 빌드 시에 사용하면 good 위의 차이점을 알기 위해서는 Semantic versioning 개념에 대한 이해가 있어야 한다. Semantic versioning(SemVer) npm은 시멘틱 버저닝(SemVer)이란 버전 표기법을 따른다. - 이 시점에는 이 기능을 제공할 겁니다!라는 의미(버전 업이 된다면 새로운 기능을 제공(혹은 업데이트)할 거야) 이 개념을 알면 라이브러리의 상세를 보지 않더라도..

[진행 기간]: 23.06.26(월) ~ 30(금) [교육 내용] FE 개발자끼리의 협업을 위한 기본 세팅(환경 설정), 생산성을 높여주는 배포 자동화 등.. 서버와 클라우드 컴퓨팅 AWS 개념, CI/CD with GitHub Actions 5명 이상의 개발자끼리의 공유 리포, git 연습(best practice를 추합해서 main에 병합하는 식으로 진행) 서로 코드를 공유하고 best practice 선정하기 (어떤 코드가 좋을 지, 어떻게 더 개선할 수 있을 지, 스택 선정 사유 등) [느낀 점] 1. git CLI 및 컨벤션 프로젝트를 여러 번 진행했고 3명 이상의 FE 취준생들과 같이 github으로 작업을 했음에도 불구하고 막상 다시 브랜치를 분기해서 PR을 올리고 PR형식과 commit 형..

찾게된 이유: checkout 을 할 때, 변경사항이 있다면 다른 브랜치로 체크아웃이 안된다. 또한, 해당 브랜치에 내 로컬의 변경 사항을 commit하려고 할 때, 원격저장소(gitHub)에 변경사항이 있다면 pull을 한 뒤, commit 해야 한다. => 사실 이 경우에는 그냥 pull 한 뒤, 내 파일들과 같이 commit하면 된다. (커밋과 풀의 순서만 바뀐 것뿐) 위와 같은 상황에서 아예 변경사항을 원래 상태로 되돌리고 싶을 때 아래의 명령어를 사용해주면 된다. 나는 restore . 명령어를 통해서 기존에 작업했던 것들을 모두 이전 상태로 되돌린 다음 pull 명령어를 실행시켜주었다. (이유: css 작업하다가 결국 내가 원하는 모양이 안나와서 변경파일들을 그냥 다 이전상태로 되돌리고 싶었다..