패키지를 처음 다운 받는 것이 아니라면, 다른 사람들과 협업을 할 때 패키지를 로컬에 새로 인스톨 해야한다면 버전관리는 매우 중요하다. 버전이 원 프로젝트의 패키지들 버전과 다르다면 지원이 되지 않는 기술이 있어 제대로 작동이 되지 않을 수 있다. 이를 해결하기 위한 방법은 여러가지이지만, 절대로 무작정 패키지를 최신버전으로 업데이트 하는 방법은 위험하다. 가장 쉬운 방법은 패키지를 원 프로젝트의 버전에 맞춰 다운로드 받는 방법이다. 맥 기준 Homebrew로 패키지 버전 관리 방법을 알아보자. 예시는 node.js를 기준으로 설명할 것이다. 설치 된 노드 버전 확인 node --v 만약 노드가 설치 돼 있다면 버전이 v.xx.xx등으로 출력 될 것이다. 노드가 설치 돼 있지 않다면, command no..
깃 명령어 등을 찾다보면, &&연산자를 이용해서 설명해주는 곳 들이 많다. 너무 기본적이고 필수적인건데 지원을 안해줘서 유저들이 항의하고있는 장면도 발견했다. 꽤 된 일이지만, 모두의 노력으로 PowerShell 버전 7에서는 &&연산자를 지원하게 됐고, 본인의 PowerShell은 버전 5였다. 🔍 PowerShell 버전 확인하기 $PSVersionTable.PSVersion Major 버전을 확인해야 한다. 최신 버전은 7이다. 본인 버전이 7이 아니라면 업데이트 한다. 귀찮으니 콘솔에서 업데이트 하자. iex "& { $(irm https://aka.ms/install-powershell.ps1) } -UseMSI" 위의 명령어를 입력하고 기다리면 다운받아진다. 조금 기다리면 해당 팝업창이 뜰 것..
프로젝트의 버전을 관리할 때 커밋 메세지 작성은 필수다. 하지만 어떤 메세지를 언제 커밋해야 나에게 더 나아가 팀원들에게 도움이 될 수 있을지 알고 싶었다. 좋은 변수 컨벤션이 있는 것 처럼, 효율적인 커밋 메세지 작성을 위한 개발자들의 노력이 있었다. 가장 유명한 컨벤션은 Udacity의 컨벤션인 것 같아 이를 참고해 정리해보겠다. 커밋 메시지 구조 type: Subject body footer 타입은 필수 요소, 바디와 푸터는 옵션이다. 제목은 메세지의 타입과 주제를 포함한다. 타입 타입은 아래 리스트 중 하나만을 포함한다. feat: 새로운 기능 fix: 버그 해결 docs: 문서 변경 style: formatting, 놓친 세미콜론 등... 코드의 변경은 없음 refactor: 코드 리팩토링 te..
크롬 개발자 도구가 모바일에선 어떤식으로 나오는지 알려주긴 하지만, 그래도 모바일 사용자 경험은 기기에서 웹을 직접 경험해보아야 하기에 live server 익스텐션을 이용해 내 폰에서 웹을 확인하는 방법을 알아보자. 내 vscode 익스텐션 설치 목록에서 라이브 서버를 찾고, 오른쪽 하단의 익스텐션 세팅을 누른다. Live Server > Settings: Host로 들어간다. 아무것도 설정한 적 없다면, 127.0.0.1로 설정 돼 있을 것이다. 이제 본인이 주로 쓰는 와이파이의 IP 주소를 적으면 된다. 윈도우 기준으로 설정 > 네트워크 및 인터넷 > WIFI로 들어가자. 본인의 와이파이 이름을 클릭하면 아래와 같이 나오는데, 거기서 IPv4 주소를 입력하면 된다. 입력했다면, 개인 모바일 기기에서..
- Total
- Today
- Yesterday
- 백준 10989 파이썬
- nuxt 공식문서 한글
- 파이썬 정렬
- css 글래스모피즘
- next.js 리다이렉트
- getserversideprops redirect
- nextjs 파라미터 넘기기
- vscode venv
- 화이팅
- 파이썬 flask
- Til
- nextjs 스크롤
- 10989 파이썬
- 파이썬 크롤링
- nuxt 공식문서
- 리액트 파라미터 넘기기
- 리액트 라우터
- 자바스크립트
- NextJS
- 글래스모피즘 구현
- 리액트 컴포넌트
- 움직이는 글래스모피즘
- dvd 효과
- react router
- bs4 크롤링
- 글래스모피즘 애니메이션 구현
- css marquee
- 카페음료테스트
- 리액트
- 리액트 스크롤
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |