xtring.dev

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

Xcode Pro 처럼 빌드환경 세팅하기 👏🏻 빌드 환경을 세팅해야하는 이유 iOS 개발 또는 서버, Android 등 다양한 개발 분야에서 빌드 환경을 세팅하는 것을 필수적입니다. 각 환경에 따라 필요한 변수나 URL 세팅, 파일, 라이브러리 등이 필요하기 때문이죠. 이번 아티클에서는 제가 iOS 개발을 하면서 필요하게된 Xcode 빌드 환경을 세팅해 보겠습니다. iOS 개발을 하다보니 Debug(개발) 모드, Release(운영, 배포) 모드 뿐만 아닌 Staging(테스트) 모드도 필요하다는 것을 알았어요. 그리고 각 모드에서 필요하거나 필요하지 않은 변수, URL, 파일, 라이브러리 등이 있었죠. 기존에는 각 모드에 따른 환경을 만들어 놓지 않아 때때로 너무 무겁거나, 동작하지 않거나, 분리가 되..

규칙적인 Commit 메세지로 개발팀 협업하기 👾 TL;DR 개발자들은 Github를 통해 git에 대한 활동을 확인할 수 있습니다. 코드의 최신화 유지와 문제 원인 발견, 신규 기능 추가에 대한 branch 분리 전략 등을 통해 코드를 관리합니다. $ (): -- 헤더 -- 빈 줄 -- 본문 -- 빈 줄 -- 바닥 글 Github commit 메세지 규칙을 만들자! Git을 통해 코드를 유지하는 경우 커밋 메세지를 통해 해당 commit의 작업 내용을 입력하게 됩니다. 그렇다면 규칙이 없는 상태에서 여러 개발자가 동시에 커밋 메세지를 작성하면 어떻게 될까요? modify: 시군구 전체 값 선택된 경우 지역 전체로 표시하기 update merge: dev brench Modify: 관심지역 편집 레이아웃..

GA/GTM 알아보기 GA와 GTM GA 추적코드를 삽입하는 것과 GTM 스크립트를 삽입하는 것의 차이는 무엇일까요? 1. GA ga('send', 'pageview'); GA 추적 코드를 삽입은 페이지뷰 데이터를 수집하도록 만드는 스크립트 코드를 소스에 심어주는 것입니다. 그리고 아래와 같은 데이터를 수집할 수 있습니다. 유입정보(소스/매체/추천페이지) 국가 및 지역(국가/지방/도시) 브라우저 및 언어 등(브라우저 정보/OS/언어) 세션시간(최초 및 최종시간/현재시간) 2. GTM GTM은 GA에서 사용자(고객)들이 사이트에서 상호작용(클릭, 스크롤, 페이지뷰 등)했던 데이터를 보내기 위해, 추적에 필요한 태그(명령어 스크립트)를 생성하고 설치하는 일련의 과정을 관리하는 하나의 태그 관리 시스템입니다...

"사수가 있고 없고는 네 개발 실력에 도움이 되지 않는다." "사수의 유무는 당신의 개발 실력에 도움이 되지 않는다." 라는 이야기를 하기 위해서 지난 2년간의 제 개발 행보를 살펴보면 두번의 이직을 거쳐 2번째에도 스타트업에 있었습니다. 맨 처음에는 첫번째는 쇼핑, 결제 관련 스타트업, 그리고 청년 1인 주거 플랫폼 서비스 스타트업을 다니고 있습니다. 제목만 보면 자극적일 수 있죠? 하지만 이 이야기를 시작하게 된 계기는 기존에 가졌던 제 사고 방식 때문에 자신의 성장 속도를 늦 출 수 밖에 없었고 그에 대한 회고를 하게 되었기 때문입니다. 자신이 신입 개발자라면 "사수가 없는 회사는 들어가지 말라."라는 이야기를 많이 들어보았을 거에요. 맞아요. 사수 또는 멘토가 되어 줄 수 있는 사람이 바로 옆에 ..

blog.jetbrains.com/ko/2020/03/11/top-15-intellij-idea-shortcuts_ko/ 가장 많이 사용되는 IntelliJ IDEA 단축키 15개 | JetBrains Blog IntelliJ IDEA는 편집, 탐색, 리팩토링, 디버깅 등 일상적으로 수행하는 대부분의 작업에 대하여 해당 명령어의 키보드 단축키를 제공합니다. 이러한 단축키를 배우고 연습하여 기억해 두면 작업 흐 blog.jetbrains.com gmlwjd9405.github.io/2019/05/21/intellij-shortkey.html [IntelliJ] intellij 유용한 단축키 정리 - Heee's Development Blog Step by step goes a long way. gmlwjd..