SONGC

Written by@songc
프론트엔드 개발 API 개발 설계.테스트.클린코드. 항상 무언가에 관심이 많음.

GitHub

라이브러리 문서화 하기 TypeDoc

⚠️이 글에서는 라이브러리나 공통 함수에 문서화를 할수 있는 도구에 설명합니다. TL;DR 문서화가 필요해진 순간 Typedoc란? 🛠 설치 및 설정가이드 📝 Typedoc 문서를 위한 주석달기 빌드 및 배포하기 마무리 문서화가 필요해진 순간 언제 사내 라이브러리나 오픈 라이브러리에 문서화를 작성 또는 도입 하시나요? 이 함수가 어떤 용도였지?🤔 이 함수…

2021.log

1월 다 지나서 쓰는 2021 회고 😅 2022년이 되어, 회고를 작성하려고 합니다. 2022년이 되어 버렸지만 2021년은 올해로 지칭합니다. 회고는 이직, 회사에서 경험했던 것과 개인적으로 경험했던 것으로 나눠서 회고하려고 합니다. TL;DR 2021 회사 경험 2021 개인 경험 요즘 드는 생각 마무리 2021 Work 경험 새로운 환경 2021년 …

프론트엔드 면접의 모든것 with Clelab

⚠️clelab.io 면접의 모든것을 소개합니다. Table of Contents 프론트엔드 개발 지식편 프론트엔드 기술 면접편 프론트엔드 컬처 면접편 마무리 Intro 구글에 널리 퍼져있는 블로그 글을 수집하여 프론트엔드 코스를 만들어주는 서비스를 운영하고 있는 있습니다! 이번에 프론트엔드 주니어 개발자분들의 취업을 위해 으로 이루어진 프론트엔드 면접코스…

루비콘 멘토링 프로젝트 (스타트업 처럼 토이프로젝트 하기)

⚠️ 3개월 간에 루비콘 멘토링 프로젝트를 마치며 경험을 담은 글입니다. INTRO 누군가가 개발자로서 성장을 하기 위해서 어떤걸 해야하나요? 라는 질문을 받는다면 여러분은 어떻게 답변을 해주실건가요? 일을 잘하기 위해서 공부를 한다거나, 토이 프로젝트를 시작하거나, 공부를 한다거나 다양한 방법이 존재합니다. 필자는 토이프로젝트(멘토링 프로젝트)를 했던 경…

[React] Form 상태 다루기 (Formik vs react-hook-form)

이 포스트에서는 form 상태관리를 하는 방법중에서 React-hook-form 과 Formik을 다루면서 두 라이브러리를 비교하는 글입니다. Form 상태를 다루기 위해서 어떤 것을 사용하고 선호하시나요? Form 상태를 다루는 방법은 다양하게 있습니다. 기본적인 Controlled Components 사용하기 React Context로 Form의 …

프론트엔드에서 OpenAPI Generator 사용하기

이 글에서는 을 사용해서 Client API 타입에 관한 내용을 정리하는 글입니다. 하지만 서버 환경설정에 대한 튜토리얼은 아니기 때문에 필요한 모든 내용을 다루지는 않습니다. 서버 API 가 RestAPI 로 되어 있을때 프론트개발자 여러분은 API 타입은 어떻게 정의 하나요? RestAPI 스펙을 참고 하여 프론트에서 API 타입을 정의하는 것을 O…

TailwindCSS 톺아보기 with styled-components

CSS 프레임워크는 어떤것을 사용하고 계시나요? 이 포스트에서는 TailwindCss 소개 와 React 환경에서 TailwindCss을 사용하는 방법을 소개하려고 합니다. TailwindCSS? “A utility-first CSS framework for rapid UI development” 는 utility-first CSS 프레임워크라고 정의 되…

[DS] 컴포넌트 디자인하기 with Storybook

이 글은 ()시리즈에서 Design System 컴포넌트에 관련한 글입니다. 들어가기 전에 이 글은 Monorepo에서 packages 환경으로 디자인시스템 구축하는 내용을 담고 있습니다. 들어가기에 앞서 [DS] Monorepo 환경에서 디자인시스템 구축 를 참고 하시면 좋을거 같습니다. Environments 컴포넌트 개발에 앞서 Storybook S…

[DS] Monorepo 환경에서 디자인시스템 구축 I

이 글은 ()시리즈에서 Design System 환경 구축에 관련한 글입니다. 들어가기 전에 이 글은 Lerna를 사용한 Monorepo에서 packages 환경으로 디자인시스템 구축 방법을 소개하는 글입니다. 들어가기에 앞서 Monorepo with lerna! 를 읽어주셔서 lerna를 이용한 Monorepo 의 장점을 읽어주시면 좋을거 같습니다. 디…

Designer X Developer 01

⚠️ 저의 지극히 경험으로 제 생각으로 담은 글입니다. INTRO 다니던 회사가 망했다… 회사를 골랐을 때 같이 성장할 수 있는 이 회사를 골랐다고 생각을 했고, 내 목표는 끊임 없이 성장하고 항상 재밌게 일하는 것이다. 항상 이러한 것을 채우기 위해서 실현하기 위해서 고민과 노력을 했던 거 같다. 하지만 회사가 없어졌다. 새로운 프로젝트 일을 정말 열심히…