본문 바로가기

분류 전체보기126

nextjs typescript, tailwindcss의 eslint, prettier 설정 정리 글을 적는 계기 프론트엔드를 혼자할 때는 신경쓸 필요 없던 eslint, prettier 규칙이 협업을 하면서 환경설정이 서로 다르다보니 불필요한 변경사항이 생기는 문제가 있었습니다. 그래서 파일 기반으로 규칙을 정의하여 문제가 없도록 했습니다. .prettierrc.js module.exports = { printWidth: 80, semi: true, singleQuote: false, tabWidth: 2, useTabs: false, bracketSpacing: true, plugins: [require("prettier-plugin-tailwindcss")], }; .eslintrc.json { "env": { "browser": true, "es2021": true }, "extends": [.. 2023. 5. 8.
KT AIVLE School 15주차 정리 - SQL 저는 SQL에 대해서 많이 접해왔기 때문에 기본적인 문법은 체화가 되어있어서 조금 낯설거나, 외워둘만한 것을 정리했습니다. 변수 저장하기 SET @Today = CURDATE(); SELECT @Today; LIKE를 사용하여 특정 패턴을 일치시키는 방법 와일드카드 사용 'abc%' : 'abc'로 시작하는 문자열 '%def' : 'def'로 끝나는 문자열 '%ghi%' : 'ghi'를 포함하는 문자열 'j_k' : 'j'와 'k' 사이에 하나의 문자를 가지는 세 글자로 이루어진 문자열 ___@%: 이메일에서 @ 앞의 글자가 3개인 문자열 대소문자 구분 없이 일치 COLLATE 절을 사용 WHERE 이름 COLLATE UTF8_GENERAL_CI LIKE 'a%' CONCAT을 사용하여 조회를 다채롭게 .. 2023. 5. 8.
KT AIVLE School 14주차 정리 - ec2, k8s 실습한 날이 한참 지나고 내용을 정리하는 과정에서 개념들이 부족한 부분들은 추후 글을 작성할 것입니다. 1. 사전 설정 Cloud9 설정을 통해서 ec2 3개 접근하는 시도를 했습니다. hostname을 변경 kubernetes 클러스터 설정 (2개) Master노드 설정 kubectl 설정 worker 노드 1,2 접속 worker 노드의 hostname 변경 Master와 연동 2. Pod 실행 Pod 조회 yaml 확인 yaml로 Pod 생성 Pod 조회 및 세부정보 확인 run 명령을 사용한 Pod 생성 Pod 조회 Pod 삭제 3. NameSpace NameSpace 확인 yaml 확인 yaml로 NameSpace 생성 NameSpace 안에 Pod 생성 Pod 확인 Pod 삭제 NameSpac.. 2023. 5. 8.
웹 개발 중에 페어 프로그래밍의 이해와 경험 정리 페어 프로그래밍이란? 페어 프로그래밍은 두 명의 개발자가 함께 작업하여 하나의 작업을 수행하는 방법입니다. 경험하게 된 계기 저는 FE와 팀 리더를 맡고 있었으며, 팀원 한 명이 문서정리와 FE 보조 역할을 수행했습니다. 이 과정에서 제가 멘토, 팀원이 멘티로서 페어 프로그래밍을 하게 되었습니다. 사실 페어프로그래밍은 실력이 비슷한 사람과 해야하는 것이 맞습니다. 왜냐하면 네비게이터와 드라이버로 역할분담이 나뉘며 각자 맡은 역할에 치중하기 때문에 네비게이터가 수준이 높다면 코드를 만지지 않아서 답답함을 느낄 수 있기 때문입니다. 네비게이터와 드라이버 네비게이터는 문제 해결 방법에 대해서 고민하며, 코드의 디자인, 알고리즘, 아키텍처 등에 대한 결정을 내립니다. 그래서 드라이버가 올바른 방향으로 코드를 작.. 2023. 5. 6.
nextjs 백엔드 JWT 쿠키 저장 구현 전에 express js 에서 jwt 로 로그인 인증을 해봤다보니 간단하게 유저의 비식별화된 정보를 jwt로 만든 후 쿠키에 저장하는 것을 해봤습니다. 하지만 nextjs 백엔드를 사용하지는 않아서 spring 백엔드를 담당하는 팀원에게 보여주고 구현을 부탁했습니다! 2023. 5. 5.
풀리퀘스트 리뷰하는 방법 정리 앞에서 팀원의 머지 실수를 방지하기 위해서 Branch protection rule을 지정하여 리뷰하는 방법을 기록하고자 합니다. Require approvals를 체크 해야 PR을 했을 때 승인을 해주는 상대방이 1~여러명이 가능합니다! 이렇게 하면 무분별한 merge로 사고를 방지할 수 있습니다. 리뷰를 통해 Approve를 하는 경우 Review를 통해 Request changes를 하는 경우 승인 기능을 사용하면서 처음 알게된 부분이 PR을 하고나서 merge를 안했다면 커밋을 추가하더라도 추가된 기록이 기존 open 된 PR에 기록이 되어진 다는 것입니다. 이것을 몰랐을 때는 항상 PR이미 해버렸다고 하면서 추가로 커밋을 하지 않고 머지 후에 추가작업을 했던 저를 반성했습니다 ^^; 코드리뷰할 .. 2023. 4. 28.

티스토리툴바