xtring.dev

git switch, restore가 뭐야? checkout에서 switch, restore로 Ref. [Tech] Git 2.23.0 출시: checkout 기능 분리(switch, restore) [Tech] Git 2.23.0 출시: checkout 기능 분리(switch, restore) - I'm honeymon(JiHeon Kim). 깃(Git) 2.23 버전이 지난 08월 16일 출시되었다. 가장 눈에 띄는 특징은 checkout 의 기능이 각각 switch 와 restore 로 분리된 것이다. 기존의 checkout 은 브랜치를 생성()하거나 이동하거나 복원(Restore)하는 honeymon.io git checkout 기존에 git을 오랫동안 사용한 유저들은 checkout 명령어를 통..

Cypress 👾 Ref. Testing | Next.js Testing | Next.js Learn how to set up Next.js with three commonly used testing tools — Cypress, Jest, and React Testing Library. nextjs.org https://docs.cypress.io/guides/overview/why-cypress Why Cypress? | Cypress Documentation What you'll learn What Cypress is and why you should use it Our mission, and what we believe in Key Cypress features Types of tests Cypr..

Table of Contents 바벨(Babel)? 바벨을 사용하는 이유 바벨 직접 사용하기 babel-ployfill 마무리 Front-end 개발자라면 꼭 보았을 Babel 관련 설정 파일들이 있으실거에요. 이번 아티클에서는 Babel이 무엇이고 왜 사용되며 어떻게 사용하는지 알아보겠습니다. 바벨(Babel)? Babel(이하 바벨)의 주 역할은 ES6+ 버전 이상의 JavaScript, JSX, TypeScript 코드를 하위 버전의 JavaScript 문법으로 변환시켜주는 역할을 합니다. 이를 통해서 다른 플랫폼 브라우저에서도 원활한 동작을 할 수 있도록 하는 것이죠. Babel은 공식 페이지에서 '컴파일러(Compiler)다!'라고 하지만 실제로는 언어를 해석하는 것이 아닌 사전 변화해주는 것과..

npm install 시 reify~로 프리징이 걸리는 문제 때문에 찾아봤는데 아래 아티클을 통해 해결했습니다😁 (1) node LTS 버전 재설치 후 다시 (2) npm install하면 해결됩니다! 📗 Ref. [해결] npm install 할 때 reify~로 프리징 걸리는 현상 npm i를 실행했을 때 어느정도 진행되다가 reify:~에서 프리징이 걸린다. velog.io ⛓ Link Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org

Next.js에는 몇가지 강력한 특징이 있습니다.(아래) 이번 아티클에서는 SSG와 SSR에 대한 내용을 설명드리겠습니다🤓 Next.js의 Pages Next.js에서 page는 pages 디렉터리의 .js, .jsx, .ts, .tsx 파일로부터 export된 React Component입니다. 각 페이지는 그들의 파일 이름을 기반으로 route됩니다. 예를 들어, 만약 pages/about.js 파일을 생성한다면 /page로 쉽게 접근가능합니다. function About() { return About; } export default About; 이렇게 About은 하나의 페이지로서 사용됩니다. Pre-rendering; 사전 렌더링 기본적으로, Next.js는 모든 페이지를 pre-rendering..

Next.js 공식문서 파헤치기(1) - Next.js 시작하기 이번에 맡게된 프로젝트를 진행하며 React를 사용하여 SEO와 SSR을 고려해야하는 상황이 생겼습니다. 흔히 사용하는 CRA를 통해 SPA 형태로 개발하더라도 추가적인 기능이나 설정을 통해 고려사항을 충족할 수도 있었지만 기술 도입 리서치를 통해 Next.js 사용하는 것이 옳다고 판단되어 스터디하게 되었습니다. 확실히 SPA에서 부족했거나 더 개선된 사항들이 많이 보이더군요. 저는 단순히 해석하고 글을 덧붙이는 작업이지만 시리즈로 아티클을 작성하여 함께 공부한다는 느낌으로 공유하고 싶습니다😎 이 아티클은 Next.js Tutorial 문서를 기반으로 해석되어 작성되었습니다. 오역이 있을 수 있으며 제가 해석하며 가미한 내용이 포함될 수 ..

이미 commit한 메세지 수정하기 Git 사용 중 commit를 할 때는 꼭 메시지를 입력하게 됩니다. 때때로 오타를 입력하거나 commit한 후에 메시지를 수정하고 싶은 경우가 있을 때가 있습니다. 세가지 경우의 commit 메시지 수정 방법을 알아봅시다. 마지막 commit 메시지 수정하기 이전 commit 메시지 수정하기 이미 push한 commit 메시지 수정하기 1. 마지막 commit 메시지 수정하기 마지막에 입력한 commit 메시지를 수정하는데는 —amend 옵션을 사용합니다. $ git commit --amend -m "commit_message" 또는 commit_message를 바로 입력하지 않고 vi에서 수정하는 방법이 있습니다. $ git commit --amend 명령어를 입력..

Git branch 톺아보기 - 🎋 branch를 확인/생성/삭제 keyword : git branch, git checkout branch란? Git을 통해 코드 형상관리하는 팀은 동시에 하나의 저장소(repository)를 바라보고 작업하게 됩니다. 하나의 저장소에서는 신규 개발(feat), 버그 수정(bug) 등의 작업이 이루어집니다. 만약 branch를 사용하지 않고 작업하게 되면 어떤 문제가 발생할까요? 하나의 프로젝트에서 누가 어떤 작업을 어떻게 작업했는지 확인하는지 관리할 수 없습니다.(이는 혼자서 작업을 하더라도 발생할 수 있는 문제입니다. 어떤 시점에서 어떤 작업이 이루어졌는지) 이 문제를 해결하기 위해서 branch 기능을 사용하여 하나의 프로젝트에서 각각의 이슈(issue; feat,..