전체 글

해당 글 184건

Motion UI (feat. Framer Motion)

3년 전

Motion UI The latest front-end technology is used to liven up the web interface, enhance the appeal, and enrich the user’s experience. It is a powerful way to create a fun, interactive, and responsive environment. Motion UI is a Sass library for quickly creating CSS transitions and animation. Framer: Design Tool( ← Figma, Sketch → ) + Developer API Samples https://pageloader-3cf2b.web.app/ https..

software engineering/frontend

List to subscribe

3년 전

https://news.hada.io/ GeekNews - 개발/기술/스타트업 뉴스 서비스 개발 뉴스, 기술 관련 새소식, 스타트업 정보와 노하우, 세상의 재미난 것들을 좋아하는 사람들을 위한 뉴스 사이트. 이메일 뉴스레터/트위터/슬랙 봇으로 구독 가능 news.hada.io https://kofearticle.substack.com/ Korean FE article 매주 한국어로 번역 혹은 작성된 프론트엔드 글을 전달합니다. Click to read Korean FE article, by Han Jung(한정), a Substack publication with thousands of readers. kofearticle.substack.com https://www.codenary.co.kr/

software engineering/misc

Technical Debts

3년 전

개발을 빠르게 진행하다보니 개발자 마다 개인이 하고 싶었지만 어쩔수 없이 넘긴 부채들이 있는거 같다. 방학 스프린트? 혹은 분리수거 스프린트라 해서 일부 스프린트에 돌아가면서 부채를 해결하고자 했는데 굉장히 좋은 취지인거 같다. 우리팀 말고 전체적인 시각으로 보는 CTO, HOE, Devops 시니어분들의 경우는 레거시 시스템의 슬로우 쿼리 해결, 일부 서비스의 마이크로 서비스로의 분리 등 엄청나게 다양한 부채를 생각하고 계셨다. 내 경우엔 Kafka Management Tool 이었던 TOPICCTL의 validation customize와 레거시 시스템의 코드 리팩토링, 테스트 코드 보충등이 부채로 있었고, 여러 사람이 공감하는 부채의 경우 먼저 해결하자는 우리만의 규칙이 있었다. 업무 외에도 다들 ..

카테고리 없음

How to run Github action locally

3년 전

Installation $ brew install act Usage Check job lists Command structure: act [] [options] If no event name is passed, will default to "on: push" job lists $ act -l specific event (workflow_call) $ act workflow_call -l Run action act -j diff-envs --container-architecture linux/amd64 Run action with github token https://github.com/ → settings → developer settings → Personal access tokens $ act -j ..

카테고리 없음

Code Review

3년 전

Alignment needed on how to perform code reviews. Code reviews are not design reviews. If you often discuss design during code reviews, there is a systemic failure somewhere in your team processes. Writing code is implementing an agreed-upon design. Therefore the design shouldn't be up for debate when reviewing the code. Why? Knowledge sharing: Making other developers more familiar with the codeb..

software engineering/pm

go-pprof

3년 전

When a server suffers from OOM. Sometimes, there are no proper methods to detect server restart. And also don’t utilize memory monitoring on production go API services. Heap dump can be retrieved by using pprof tool. `curl http://ip address:5333/debug/pprof/heap > heap0.pprof` If you want to use web interface, use following command. `go tool pprof -http=:8080 heap.out` Example graph from heap du..

software engineering/backend

Terminal

3년 전

https://velog.io/@ahngh/iterm2-customize-autocomplete-autosuggestions-%EC%9E%90%EB%8F%99%EC%99%84%EC%84%B1 iterm2 customize - autocomplete, autosuggestions, 자동완성 iterm2 customize velog.io https://hjiee.tistory.com/entry/%ED%84%B0%EB%AF%B8%EB%84%90-Oh-My-ZSH%EB%A1%9C-%ED%84%B0%EB%AF%B8%EB%84%90-%EC%95%84%EB%A6%84%EB%8B%B5%EA%B2%8C-%EA%BE%B8%EB%A9%B0%EB%B3%B4%EA%B8%B0 [터미널] Oh My ZSH로 터미널 아름답게 꾸며보..

software engineering/misc

국제화 (i18n) 자동화

3년 전

기존 국제화 프로세스의 문제점 key를 관리하는 자바스크립트 모듈에 key를 직접 추가한다. 번역가/PO님께 Jira issue에 번역이 필요한 부분을 알린다. 번역이 완료 됐다는 말을 PO님께 전달 받거나 멘션 받으면 Copy & Paste하여 translation.json과 같은 번역 파일에 일일이 업데이트한다. 언어의 개수만큼 반복한다. Merge Conflict 발생 그리고 팀 리더분께서 오래전에 좋은글을 공유해주셨었는데 신규 프로젝트에선 활용 해볼만한가 싶어 바로 시도해보기로 했다. 구글 스프레드 시트+Figma를 사용한 협업 해당 테이블을 google spreadsheets에 복붙한다. "scripts": { ..., "dev": "npm run pull:i18n && vite", "build..

software engineering/frontend

Github Tag and Release

3년 전

Release Tab [Draft a new release] 버튼 클릭 타켓 브랜치 잡아주기 태그는 타겟 브랜치의 태그 중 마이너 버전을 하나 증가시켜서 태그 새로 생성 (예. 최신 태그가 v22.26.3 → v22.26.4 로 생성) 릴리즈명 Hotfix {태그명} 로 입력(예. Hotfix v22.26.4) [Publish release] 버튼 클릭

software engineering/devops

Topicctl (Kafka management)

3년 전

나는 Kafka를 처음 써봤고 모든 회사 사람들이 Kafka에 대한 지식의 정도가 달라서 사용해본 A tool for easy, declarative management of Kafka topics 를 위한 툴 {{env}}/topics/{{topic}}.yaml meta: name: {{topic}} cluster: {{cluster}} environment: {{env}} region: ap-southeast-1 description: | {{desc}} spec: partitions: 1 replicationFactor: 1 placement: strategy: any {{env}}/cluster.yaml meta: name: {{name}} environment: {{env}} region: ap..

software engineering/backend