xtring.dev

Docker 입문수업 - 설치 https://www.youtube.com/watch?v=L3ZpudSF0HU&list=PLuHgQVnccGMDeMJsGq2O-55Ymtx0IdKWf&index=2 설치 전 우리가 알아야할 것이 몇가지 있습니다. 도커와 같은 컨테이너(container) 기술은 리눅스 운영체제 기술입니다. 여기서 우리는 두가지를 알고 있습니다. 1. 도커 위에서 돌아가는 컨테이너 또 그 컨테이너 안에서 동작하는 각각의 앱들은 리눅스 운영체제에서 동작하는 어플리케이션이 있다. 2. 우리의 운영체제가 리눅스가 아니더라도 리눅스 가상머신을 통해 우리의 환경에서 컨테이너 기술을 사용할 수 있다. 그러나 우리가 사용할 도커는 알아서 가상머신을 만들어주고 그 위에 리눅스를 설치해줍니다. 복잡하게 설정할..

생활코딩 Docker 입문수업 Intro 해당 아티클과 이어지는 글들은 생활코딩 강의 스크립트를 기반으로 작성된 글이며 강의를 보는 것이 더 빠르고 이해하기 쉬울 수 있습니다.⚠️ [출처]생활코딩 Docker 입문수업 - 1. 수업소개 https://www.youtube.com/watch?v=Ps8HDIAyPD0&list=PLuHgQVnccGMDeMJsGq2O-55Ymtx0IdKWf&index=1 내 컴퓨터에서 어플리케이션을 만들기 위해서는 운영체제의 여러 소프트웨어를 설치해야합니다. 예를 들어 웹 개발을 한다고 하면 웹서버나 데이터베이스 같은 것들을 설치해야하죠. 그런데 이것들을 세팅하기 위해서 우리는 많은 시간과 노력을 사용하게 됩니다. 우리가 개발하고자 하는 어플리케이션에 필요한 웹서버나 ..

2020년 약속 건강 "일을 제대로 오래 하려면 건강해야 한다." 길진 않지만 필드에서 일을 시작하고 2년간 밤을 새거나 몸이 좋지 않아도 쉽사리 쉬지 않고 버틴 습관 때문인지 '지금이 해야할 때지'라고 생각하며 버텨왔던 시간이 있었습니다. 결국 컨디션이 많이 안 좋아지거나 한번씩 찾아오는 일에 대한 현타 때문에 개발을 더 못하는 상황도 마주치기도 했는데요. 몇 번 겪고 나니 '건강'해야 오래 갈 수 있겠다라는 생각이 들었습니다. 성격상 스스로가 하고 싶은 걸 제대로 못할때 할때까지 될때까지 버티고 들이 받는 스타일 때문인지 계속해서 다치기만 하는 것 같았습니다. 이것도 경험이라 생각하고 조금은 더 자신을 챙겨야겠다고 생각했습니다. 2020년 목표 중 하나로 그럼 건강하기 위해서 하나의 습관을 만들자는 ..

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..