🍒 Chae-ri Dev 🍒

recoil로 상태 관리를 했는데 userState가 바뀌면 안되는데 자꾸 상태 데이터가 날라가는 사태가 발생…로직 문제인 줄 알았는데 알고 보니 "a 태그" 때문이었던 것덕분에 a 태그와 Link 태그의 차이점을 크게 알았다.- 페이지를 전환할 때 a 태그의 href 속성을 사용하여, 새로운 페이지에서 'userState' 값을 초기화한다.- 이는 페이지 이동 시 새로운 컴포넌트가 마운트되고 초기화되기 때문에 발생- 페이지를 새로 불러오지 않고 (컴포넌트가 마운트되는 대신) 라우터가 컴포넌트를 변경하고 상태를 유지한다.- 페이지 주소만 변경하여 상태는 초기화되지 않는다메모메모…

2.1 저장 장치의 계층 저장 장치: 저장 매체와 이 매체에 데이타를 기록하고 판독하기 위한 접근 장치(저장 매체 + 접근 장치) 저장 매체: 데이터를 저장하는 물리적 재료(소멸성(메인 메모리) vs 비소멸성(자기 디스크)) 접근 장치: 데이터를 기록하고 판독하는 장치 소멸성: 저장된 데이터가 전원이 꺼지면 지워진다. 비소멸성: 저장된 데이터가 전원이 꺼져도 지워지지 않는다. 1차 저장 장치 - 메인 메모리: 데이터 접근 시간이 일정하고 빠르다, 프로그램/데이터를 처리하기 위한 작업 공간 - 캐시 메모리: 메인 메모리 성능 향상시킴 2차 저장 장치 - 자기 디스크: 데이터 접근 시간 불규칙하고 느림(10000배 정도 차이), 용량이 크고 싸서 주로 화일 저장에 사용, 저장된 데이터는 메인 메모리로 옮겨져..

1.1 화일의 종류 정보 != 데이터 데이타 : 정보의 기본이 되는 것 정보 : 수집된 데이터를 처리해서 얻은 결과 일반적으로 데이터는 디스크 저장 장치에 저장되어 있음. 메인 메모리(소멸성)와 디스크(비소멸성)의 차이 메인 메모리는 용량이 작고, 접근 속도가 빠르다. 디스크는 용량이 크고 접근 속도가 느리다. 접근 속도 차이는 100나노초 대 10밀리초가 되어 거의 10의 5제곱 배 정도 차이가 난다. -> 디스크가 데이터를 저장하기에 적절하다. But, 컴퓨터는 디스크에 저장된 데이터를 처리하지 못해 반드시 메인 메모리에 가져와서 처리해야 함. 레코드, 레코드 어커런스 -> 몇 개의 필드로 구성됨. 한 레코드 타입의 인스턴스. 레코드 타입의 각 필드에 따라 실제 값이 들어가 어떤 특정 객체를 나타내는..

로컬 저장소에 원본 저장소(upstream) 등록 로컬 저장소와 연결된 원본 저장소 확인 $ git remote -v 원본 저장소 등록 $ git remote add upstream {원격 저장소 주소} git remote -v 해보면 fork한 로컬 저장소는 origin, 원본 저장소는 upstream으로 확인된다. Fork한 저장소 업데이트 원본 레포에서 변경된 사항을 내 로컬 레포에도 적용시키고 싶다. 원본 저장소의 최신 내용을 가져온다. $ git fetch upstream merge할 브랜치로 변경한 다음, 원본 저장소의 변경 사항을 로컬 브랜치에 merge $ git checkout main $ git merge upstream/main 로컬 저장소에 merge한 내용 push $ git pu..

예시 위처럼 이번에 참여한 프로젝트에서 만든 애니메이션바에 대해 포스팅을 해보겠습니다. 애니메이션바는 keyframe을 이용해서 만듭니다! 여기서 keyframe이란? CSS 애니메이션 과정의 중간 절차를 제어할 수 있게 하는 속성 0~100% 형태 @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } from-to 형태 @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } keyframe을 사용하기 위해서는 다음과 같이 3가지가 필요합니다. animation-name : 사용자가 직접 지정한 이름 stage : from - to 로 0~100% 의 구간 CSS 스타일 : 각 스테이지(구간)..

안녕하세요! 맥 유저 개발자분들을 위한 꿀팁 포스팅을 알려드리려고 해요:) 개발자분들이라면 한번씩 목표를 세워봤을 🌱1일1커밋🌱 다들 열심히 하고 계신가요? 1일1커밋으로 자신의 잔디가 얼마나 채워졌는지 확인하기 위해서는 항상 깃허브 웹사이트로 들어가서 확인해주어야하는 번거로움과 귀찮음이 있죠... 제가 오늘 알려드릴 꿀팁은!! 깃허브 속 자신의 커밋 결과를 노트북에서 간편하게 바로 볼 수 있는 방법입니다🤗 Bitbar 설치하기 터미널에 아래와 같이 입력하여 Bitbar 설치를 합니다. brew cask install bitbar 위 코드를 작성했는데 오류가 났다면 밑에 코드를 작성합니다. brew install --cask bitbar Bitbar 플러그인(Plugin) 폴더 생성 성공적으로 Bitba..