티스토리

자기개발
검색하기

블로그 홈

자기개발

selfdevelop-er.tistory.com/m

개인 공부, 기록 관리

구독자
0
방명록 방문하기

주요 글 목록

  • [Others] 나만 몰랐던 UI 편리하게 구현하는 도구 유형: study/Others계기 시간이 부족해! 남이 만든 아이콘이랑 CSS 컴포넌트 사용할거야! ... React Icons, MUIFigma로 만든 화면에 margin과 pedding에 대한 정확한 수치가 없다면? ... Alt 단축키내 기기와 개발 대상 기기의 화면 사이즈가 다르다면? ... Chrome개발자 모드 내용1) React Icons, MUI https://react-icons.github.io/react-icons/ React Icons react-icons.github.iohttps://mui.com/ MUI: The React component library you always wantedMUI provides a simple, customizable, and accessible .. 공감수 0 댓글수 3 2024. 8. 16.
  • [Git] 파일/폴더명의 대소문자를 수정하면 git은 못 알아들어요ㅠ 유형: TS/git사담원래도 파일명의 대소문자를 수정하면 일일이 이름과 경로를 수정해야했지만, 이 문제가 route 설정, 심지어 Live Server동작에도 영향을 줄 것을 상상치도 못했다. 앞으로 이런 일은 절대 없도록 해야겠다.  에러 메시지 Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named impo.. 공감수 0 댓글수 0 2024. 8. 16.
  • [Git] Git으로 협업하기 - pull(merge) vs rebase study/git*브랜치 생성 및 전환 $ git init: 현재 폴더(프로젝트)를 git 명령어를 사용할 수 있는 폴더로 변경한다. $ git branch 브랜치명: 브랜치(분기)를 생성한다. $ git branch: 현재 작업 중인 브랜치와 로컬 브랜치의 목록을 확인한다. $ git switch 브랜치명: 해당 브랜치로 이동한다. $ git checkout -b 브랜치명: 브랜치를 생성하고 해당 브랜치로 이동한다. ← git branch 브랜치명 + git switch 브랜치명  PLUS: git log 시, HEAD는 현재 작업 중인(위치한) 브랜치를 가르킨다.   *브랜치와 커밋의 관계 $git log --oneline: 한 줄에 한 커밋씩 보여준다.$git log --branches: 각 브랜치.. 공감수 1 댓글수 1 2024. 8. 13.
  • [Git] 이전으로 돌아가기 - git restore/git reset $git restore 파일명.확장자: 해당 파일의 가장 최신 버전으로 돌아김 $git restore --staged : 스테이징 취소 $git reset -- HEAD^: 가장 마지막에 한 커밋 취소  HEAD^ : 현재 HEAD가 가르키는 브랜치의 최신 커밋: git log를 실행했을 때, (HEAD -> 브랜치)에서  가르키는 브랜치의 최신 커밋 $git reset 커밋해시: 특정 커밋으로 되돌리기 공감수 0 댓글수 0 2024. 8. 13.
  • [React, Others] 협업 시, ESlint & Prettier 기본 설정 유형: PR, TS/React,Others작성 계기미래의 나를 위해.  서론: ESlint와 Prettier의 역할1) ESlint: 함수나 변수 등에 사용에 있어 일관성 있는 코딩 스타일을 만들어주고, 오류를 검출한다.:  처음부터 유용하게 사용할 수 있는 스타일 가이드(built-in rule)을 제공하지만 개발자가 자신의 스타일 가이드를 작성할 수도 있다. Airbnb 스타일 가이드 플러그인이 가장 대중적이다. 2. Prettier: 줄 간격, 띄어쓰기 등 전반적인 텍스트 작성을 일관성 있게 만들어준다. → 팀원의 코딩 스타일을 통일하여, 코드 이해도를 높인다. 본론: 구체적 과정1) Visual Studio Code(이하 VSC) ESlint, Prettier 확장자 설치  2) 다음 명령어를 터.. 공감수 0 댓글수 0 2024. 8. 10.
  • [React] package.json과 의존(dependency) 유형: Study/React학습 계기 git을 통해 협업했을 때, 모두가 다른 패키지 혹은 같은 패키지의 다른 버전을 사용하면 오류가 나는 것이 아닌지 의문이 생겼다.  서론(배경지식)1) 패키지(package): 라이브러리와 비슷한 개념으로 라이브러리가 코드의 묶음이라면, 패키지는 코드의 배포를 위해 사용되는 코드의 묶음이다. 일반적으로 라이브러리나 실행파일(.exe)을 포함한다. 다음 세가지 정보를 가지고 있다. - 컴파일한 소프트웨어의 바이너리(실행 가능한 형식의 데이터 파일) ex) 메모장, 계산기- 환경설정에 대한 정보  - 의존(dependency)에 대한 정보  2. 패키지 매니저 ex) npm, yarn : 패키지의 의존 정보를 통해 패키지의 설치, 업데이트, 수정, 삭제 등을 보조한다. .. 공감수 0 댓글수 0 2024. 8. 8.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.