본문 바로가기
728x90

분류 전체보기

 (20)
[Git] git switch vs. git checkout Git에서 브랜치 이동을 위해서 git switch와 git checkout을 주로 사용합니다. 그래서 둘의 차이점에 대해 알아보기 위해 서칭을 하는데 웬걸.. git restore라는 것도 있어서 함께 알아보겠습니다. 브랜치 전환 명령어의 분리 기존에는 git checkout이 브랜치 전환과 작업 디렉토리 변경을 모두 담당했으나 이 두가지 작업을 분리하여 git switch가 브랜치 전환을, git restore가 작업 디렉토리 변경을 하게 됐습니다. git switch -c 로 새로운 브랜치를 파서 해당 브랜치로 전환 가능! 브랜치 전환 시 스테이지 여부 git switch는 브랜치 전환 시 이전 브랜치 변경 내용 스테이지를 유지해서 브랜치에서 작업을 이어나갈 수 있는 반면 git checkout은 ..
군휴학 회고 2022년 - 입대를 위해 군휴학 - 프로그래밍 언어 공부 (C, C++, Python) - 자료구조 공부 - 백준 입문 - HTML, CSS, JS 찍먹 - Django 찍먹했으나 남은 게 없음 - 머신러닝 찍먹했으나 남은 게 없음 - HTML5 canvas를 이용한 웹 게임 개발 - JLPT 2급 취득 2023년 - C++로 알고리즘 공부 - 학교 프로그래밍 동아리 SKKUDING, COMIT 입부 - 병장 만기 전역 - Flutter 입문 - 2종 보통 취득 - HTML, CSS, JS 다시 공부 - TS, React, Next, Vue 입문 - MADC 모바일 앱 개발자 컨퍼런스 견학 - Vue 토이 프로젝트 - 드림핵 입문했으나 지금은 안함 2024년 - 계절학기 2학점 취득 - Express ..
구글 개발자 계정 본인 확인 플레이 스토어에 앱을 내기 위해서는 구글 플레이 콘솔에서 개발자 등록을 해야 합니다. https://play.google.com/console/u/0/developers Google Play Console | Google Play Console 앱과 게임이 성장할 수 있도록 사용자에게 도달하고 사용자 참여를 유도하는 데 도움이 될 도구, 프로그램, 통계를 이용하세요. play.google.com 개발자 이메일을 만들고, 개인 정보를 입력하고 33800원을 결제하고 나면 모든 것이 끝난 것처럼 보이지만 사실 앱을 내기 전에 본인 확인을 반드시 해야 합니다. 본인 인증을 위해서는 다음의 4개 중 하나의 서류를 제출해야 합니다. 90일 이내에 발행된 전기, 수도 또는 공공요금 청구서 90일 이내에 발행된 신용..
GraphQL header 추가하기 https://boxercat.tistory.com/entry/GraphQL-vs-REST-API GraphQL vs REST API GraphQL은 API를 위한 Query Language이다. 우리에게 더 익숙한 REST API와 GraphQL의 차이점이 무엇인지 알아보고, Next.js에서 GraphQL을 사용하는 방법에 대해 알아보겠다. REST API Representational State Transfer의 약 boxercat.tistory.com 이 글을 보고 프로젝트에 적용해보려다가 401 에러가 뜨는 경우가 있을텐데 대부분 header에 Authorization을 추가하지 않았기 때문일 겁니다. 포켓몬 정보야 API key가 별도로 필요하지 않지만, API key가 존재하는 API나 au..
React + Express 개발 환경 세팅 초보 개발자에게 있어 개발 프로젝트에서 넘어야 하는 첫 번째 난관은 개발 환경 세팅입니다. 개발 환경 세팅으로 몇 분, 혹은 몇 시간을 삽질로 태우게 된다면 '시작이 반이다' 라는 말에 격하게 공감하게 될 것입니다. 저도 공감하고 싶지는 않았습니다. 오늘은 React, Typescript, Tailwind를 사용하는 프론트엔드 개발 환경 설정과 Express로 서버를 만들어 client에서 data fetching을 할 수 있도록 하는 과정에 대해 설명하고자 합니다. 우선 프로젝트의 루트 폴더로 이동해서 server 디렉토리를 만들고 server로 이동해주세요 Express 서버 만들기 npm init -y 위의 코드로 package.json 파일을 만듭니다. 뒤에 붙는 -y는 모든 값을 디폴트로 하겠다..
[Next.js] Parallel Routes - 병렬 라우팅을 이용한 Tabs 구현 Parallel Routes 병렬 라우팅이란 하나의 레이아웃에서 여러 페이지를 동시에 렌더링하는 것입니다. (아래의 예시에서 team과 analytics, 2개의 page를 동시에 렌더링 중) Convention 슬롯(@folder) 을 사용하여 생성하며, 동일 레벨의 layout에 props로 전달됩니다. /*app/layout.tsx*/ export default function Layout(props: { children: React.ReactNode analytics: React.ReactNode team: React.ReactNode }) { return ( {props.children} {props.team} {props.analytics} ) } 추가로, children은 암묵적인 slot입..
[GraphQL] Next에서 GraphQL 사용하기 GraphQL은 API를 위한 Query Language이다. 우리에게 더 익숙한 REST API와 GraphQL의 차이점이 무엇인지 알아보고, Next.js에서 GraphQL을 사용하는 방법에 대해 알아보겠다. REST API Representational State Transfer의 약자로 URL로 자원을 표현하고 HTTP 요청을 통해 CRUD를 실행하는 API이다. GET api/todos/1 PUT api/todos/1 처럼 HTTP 메소드와 URL을 조합해서 여러 요청을 할 수 있다. 하지만 REST API에는 2가지 단점이 있다. Over Fetching API 호출 시 필요 이상의 데이터를 가져오는 것이다. API를 요청하면 좋든 싫든 주는 대로 받아야 한다. 따라서, 자신이 클라이언트에 보..
iOS 한글 버퍼 오류 iOS에서 키보드로 한글을 입력하고 엔터를 누르면, 마지막으로 입력한 한 음절이 버퍼에 저장되고 다시 한글을 입력할 때 나타나는 치명적인 오류가 있다. '샌드'를 보고 '위치'를 입력한 후 엔터를 누르니 '치'가 버퍼에 들어갔다가 '관리'의 'ㄱ'을 입력한 순간 앞에 붙어 결과적으로 '치관리'가 된 모습이다. '카스'를 보고 '테라'를 입력한 후 엔터를 누르니 '라'가 버퍼에 들어갔다가 '콥터'의 'ㅋ'을 입력한 순간 앞에 붙어 결과적으로 '라콥터'가 된 모습이다. 마찬가지로 튀르키예-Enter를 눌렀을 뿐인데 '예' 가 불쑥 나타나버린다... 근데 골 때리게도 받침이 없어야만 버퍼에 들어가버린다. 이 근본 없는 에러는 도대체 뭘까... 해결 방법은 input의 focus를 없애버리는 것이다. 근데 fo..
728x90

티스토리툴바