여행가는개발자

구글 스프레드 시트 번역 기능구글 스프레드 시트로 번역기능을 사용하는 장점번역본을 기획 또는 운영팀에서 확인하여 번역언어를 검수하는 수고가 덜음json 파일을 일일히 작업하기보다 자동으로 업데이트하는 작업 진행가능구글 시트에서 번역기 활용으로 다른 언어들을 자동 번역 작업 할수 있다 그래서 이 방법으로 번역을 해라! 라는 보단 이런 방법도 있으니 참고 해보면 좋다 라고 한번 보면 좋을거같다자동화 방법자동화는 아래의 순서로 구현합니다소스 코드에서 key를 스캔key를 Google Spreadsheet에 업로드필요할 때, Google Spreadsheet에서 번역된 텍스트를 다운로드1. 소스 코드에서 key를 스캔초기 셋팅먼저 필요한 라이브러리를 설치yarn add i18next react-i18nextya..

이번 북클럽은 이펙티브 타입스크립트로 진행하였다.각 챕터별로 정리하고 서로 의견을 나눴었다. 아이템1 타입스크립트와 자바스크립트의 관계 이해하기타입스크립트는 자바스크립트의 상위객체이다.타입스크립트는 자바스크립트의 런타임 동작을 하는 모델링하는 타입 시스템을 가지고 있으며 런타임 오류를 찾으려고한다자바스크립트에 허용되지만 타입스크립트에 문제가 되는 코드가 있다.아이템2 타입스크립트 설정 이해하기tsconfig를 통해 타입스크립트를 설정해놓는 것이 좋다.아무런 타입을 설정하지않을때에는 “any” 타입으로 선언된다.엄격히 타입을 체크하고 싶다면 strict 설정을 고려해야한다.아이템3 코드 생성과 타입이 관계없음을 이해하기코드의 오류가 있을때 컴파일에 문제가 있다는 것은 타입 체크에 문제가 있다는 말과 같다...

2023년 개발자로서 회고: https://k-soonil.tistory.com/22 2023년 개발자로서 회고2024년 새해가 밝았습니다 개발자로써 첫 회고를 작성해보려고 합니다.2023년 회고를 작성해보려고 합니다. [ 2023년 회고 ] 스타트업 공동창업과 외주프로젝트먼저 공동 창업한 회사에서 처음 맡k-soonil.tistory.com 벌써 한 해가 흘러갔다. 작년 1월달에 23년 개발자로서 회고를 작성한바가 있다.한달에 하나씩을 쓰자고 마음먹었는데 회사일이 많아져서 쉽지않은거 같다.[ 2024년 회고 ] 회사 이직 후 첫인상작년에는 다양한 사건사고와 잦은 이직이 있었습니다.올해는 다른 회사에 입사하고 1년이 흘렀습니다. 최근에 많이 이슈들로 인해 ( 대부분 월급이 밀림 ) 회사를 오래 다니지 못..

워크플로우특정 branch 에 코드가 push 됨push 이벤트를 트리거 하여 작성된 워크플로우 실행checkout github repositorydocker build and ACR push(auzre 도커 이미지 저장소)github 환경 변수에 image tag 와 acr login server 설정설정된 변수로 k8s 매니페스트 임시 파일 생성Azure 로그인Azure AKS 클러스터와 연결생성된 k8s 임시 파일을 이용하여 애플리케이션 배포Github Action 구조develop-workflow.yml (Github Action 파일)name: Build and deploy - develop myApp Fronton: pull_request: types: [ closed ] bran..

이번에 회사에서 개발 스터디를 진행하였다.프론트엔드 개발자끼리 진행했으며 읽은 책은 함께 자리기 - 애자일로 가는 길입니다. 각 챕터마다 생각나는 구절등을 남기고 서로의 의견을 남기는 식으로 진행하였다. 그 중 내가 작성한 구절들은 기록하여 남겨보려고 한다. 당신은 몇 년차?의도적 수련 ⇒ 애자일그냥 단순 코딩은 포함되지않는다.10년차 꾸준히… 단순코딩은 실력이 늘지 않는다. @김순일다양한 방식, 피드백 수용, 충분한 공유 자기 계발은 복리로 돌아온다일년 후 회고https://k-soonil.tistory.com/22 - 올해 1월에 작성한 23년 개발자로서의 회고자신의 갖고있는 것을 잘 활용하라그전에 자기계발을 진행할때 NESTJS, Flutter, Svelte 등 다양한 방법으로 공부하고 학습해봤는데..

이번 프로젝트에서 쇼핑몰 개발을 카페24로 가져가기로 정했다.이유는 다음과 같다.- 디자이너 부재- 짧은 시간내에 쇼핑몰 런칭 오픈- 추후 자체 쇼핑몰 개발 기간 전 운영 그렇기에 카페24로 개발을 진행하면서 다양한 것들을 정리해볼 생각이다. 1. 쇼핑몰 관리자 주요 기능cafe 24 코드 변경디자인 → 디자인대시보드 → pc대표디자인 → 디자인 편집최대한 코드 수정을 하지않고 카페24 기능 활용배너 매니저앱 → 배너매니저 → 관리하기팝업, 배너등을 끄고 킬수 있다.상품 검색 설정쇼핑몰 설정 → 상품 설정 → 상품 검색 설정해시태그 기능 등을 추가할수 있다.상품 등록상품 → 상품등록 → 일반등록다양한 등록이 있지만 일반등록으로 상품을 등록해야 한다.상품 수정상품 → 상품목록 → 수정할 상품 클릭 후 수정..

Intro코딩 컨벤션?코딩 컨벤션은 협업 시 유지보수 및 가독성, 코드 이해를 위해 지켜지는 개발자들 사이의 규칙이다. 효율적이고 관리하기 쉬운 코드를 만들기 위해(유지보수) 효율적으로 규칙을 정해야 한다.사용하는 이유?의미있는 코드 : 웹표준과 접근성, 크로스 브라우징 등에 맞춘 의미있는 코드유지보수가 용이한 코드 : 시간과 비용 절약을 위해 타인이 봤을때도 금방 이해하고 수정하기 쉽게끔 작성일관된 코드 : 모든 개발자가 각자의 규칙을 가지고 있기때문에 하나의 규칙을 정해 일관된 코드로 작성Eslint & Prettier일반적으로 Eslint와 Prettier의 컨벤션을 따라 갑니다.Eslint 자동 처리 컨벤션들여쓰기줄바문자열작은 따옴표 표시space 처리표기법스네이크 케이스(snake case)언더..

우리는 종종 프로젝트 협업을 하다보면 무수한 import 구문들을 만나게 된다.사소하지만 종종 import 구문 순서가 맞지 않아서 개발자들과 협업할때 충돌나는 이슈가 종종있다.import 구문 순서를 정해 놓으면 어떤 것이 어디서 불러와졌는지 알기 쉬운 코드가 된다.코딩컨벤션으로 정하고 주석을 달아 구분하는 방법으로 코딩을 하다가 좀 더 쉬운 방식이 떠올라 작업하게 되었다.그건 eslint와 설정코드들을 활용해 저장시 자동으로 import코드들을 맞춰주는것이다.먼저 eslintrc.json 코드는 다음과 같이 추가했습니다.{ ..., "extends": [ "next", "next/core-web-vitals", "plugin:import/recommended", 다음 저장시 자동으..