(2023.06.06) 리눅스 환경에서 쓰는 기초적인 명령어. ◻︎ 디렉토리를 생성할땐 mkdir를 쓴다. make directory - mkdir 디렉토리명 ex) mkdir store ◻︎ 파일을 생성할땐 touch를 쓴다. - touch 파일명 ex) touch test.txt ◻︎ 파일이나 디렉토리를 삭제하는 명령어. rm이다. remove~! 1. rm 파일명 : 파일을 삭제한다. ex) rm test.txt 2. rm 디렉토리명 : 크게 두개로 나눌 수 있다. 1) rmdir 디렉토리명 : 빈 디렉토리를 삭제한다. 2) rm -r 디렉토리명 : 안에 파일이 있는 디렉토리를 삭제한다. +) rm -rf 디렉토리명 : 경고창 없이 파일이 들어있는 디렉토리를 삭제한다.

(2023.06.05) js에서 api를 요청할때 try~catch문을 쓴다. 예외처리를 위해서다. 그런데 finally라는 블록도 있다. finally하면 보아가 생각나는건.. 노래의 힘.. 설명하자면 try에서 성공하든 catch에서 예외처리하든 마지막에 무조건 실행한다. 그래서 만약 finally에서 어떤 값을 리턴한다면 try나 catch에서 리턴한 값을 덮어쓴다(오버라이딩). 이걸 생각하면서 finally를 쓰자. const testFn = () => { try{ return 'a' } catch{ return 'b' } finally{ return 'c' } }; testFn(); // 'c'

(2023.06.04) git은 매우 중요한 도구다. 소프트웨어는 버전관리, 내용관리가 생명인데 이걸 매우 편리하게 해주기 때문이다. 틈날때 공부하고 로컬에서 실습해보며 익히자. - fast-forward 관계에 있다 : 분기된 브랜치의 커밋 히스토리가 기존 브랜치의 커밋 히스토리를 포함하고 있을때. - 로컬 브랜치와 원격 브랜치를 연결하는 명령어 : (연결하고자 하는 브랜치에서) git branch --set-upstream-to origin/브랜치명 완료하면 로컬 브랜치에서 push하거나 pull할때 git push, git pull 만 입력하면 된다. 뒤에 'origin 브랜치명' 입력할 필요 없음. - 원격 브랜치 로컬로 가져올때 명령어 : git checkout 원격브랜치명. 뭔가 다른 명령어일..

(2023.06.03) 화면의 정중앙에 요소를 배치하고 싶으면 flex를 이용하자. 여기서 정중앙은 가로, 세로 모두 가운데에 있어야 한다. test .wrapper { display: 'flex', justify-content: 'center', align-items: 'center', min-height: '100vh', } 중요한건 wrapper에 min-height: '100vh'를 해줘야 한다. 이렇게 하면 화면크기가 바뀌더라도 wrapper의 최소 height값은 그 화면 높이의 100%가 된다.

(2023.06.02) 간단하게 한가지라도 알면 기록하자. 리액트 쿼리는 현재 FE진영에서 서버 데이터를 땡겨올때 가장 많이 쓰이는 라이브러리다. vercel에서 만든 swr도 많이 쓰는데 리액트 쿼리와 차이점은 이 enabled 속성이 없는 것이다. 리액트쿼리를 get방식으로 쓸때 useQuery를 이용한다. 인자는 세개를 받는다. 쿼리 키, 쿼리 함수, 마지막 인자는 옵션 객체인데 거기서 enabled 속성이 있다. useQuery(queryKey, queryFn, optionObj); { enabled: true; } 언제 쓰느냐, '자동으로 실행되는 걸 막을때'이다. 값이 false일땐 쿼리 함수가 실행되지 않는다. 그래서 비동기 함수가 여러개이고 동기적으로 실행해야할 때 쓰인다. 아래 예시가 있..

(2023.06.01) 피그마를 보고 마크업을 할때 되도록 마진을 쓰지 말자. 마진은 border 바깥, 패딩은 border 안 여백이다. 피그마의 css 프로퍼티를 보고 만들때 바깥의 컨테이너에 패딩을 주고 안에 있는 영역에 width와 height을 주자. 마진은 존재하지 않는 영역을 바깥으로 밀어내는 것인데, 자세히 들어가면 복잡한 개념도 나오고 마크업시 원하는 대로 되지 않는 경우가 있다. 필요할땐 쓰는데 많이 쓰지 말고 될 수 있으면 다른 속성을 사용하자. 패딩이나 플렉스로.