(번역) 50,000줄의 코드를 React 서버 컴포넌트로 옮기기 전에 알았더라면 좋았을 것들 | Ykss

원문: Everything I wish I knew before moving 50,000 lines of code to React Server Components React 서버 컴포넌트는 많습니다. 우리는 최근에 문서를 재정비하고 Mux를 리브랜딩했으며, 그 과정에서 mux.com과 docs.mux.com…

https://ykss.netlify.app/translation/everything_i_wish_i_knew_before_moving_50000_lines_of_code_to_react_server_components/?utm_source=substack&utm_medium=email

SMCASS는 다양한 유형의 CSS를 분류하기 위한 가이드였으며, OOCSS와 같은 접근 방식과 호환되었습니다.

• GA4 연동
• gatsby-plugin-gtag 플러그인 설치 필요(https://www.gatsbyjs.com/plugins/gatsby-plugin-gtag/)

https://ha-young.github.io/2020/gatsby/Add-Google-Analytics/

(번역) 타입스크립트에 대해 아무도 설명해주지 않은 것 한 가지 | Ykss

원문: One Thing Nobody Explained To You About TypeScript 저는 타입스크립트를…

https://ykss.netlify.app/translation/one_thing_nobody_explained_to_you_about_typescript/

(번역) Bun vs Node.js : 당신이 알아야 할 모든 것들 | Ykss

원문: Bun vs Node.js: Everything you need to know 9월 8일, 자바스크립트 커뮤니티에 새로운 소식이 들려왔습니다. Jarred Sumner가 만든 Bun v1.0이 출시되었기 때문입니다. 하지만 많은 사람들이 궁금해하는 것이 있습니다. Bun의 본질은 무엇일까요? 왜 모두가 이미 검증된 Node

https://ykss.netlify.app/translation/bun_vs_node_js_everything_you_need_to_know/

(번역) 리액트 모범 사례 다시 생각하기 | Ykss

원문: Rethinking React best practices 클라이언트 측 뷰 라이브러리에서 애플리케이션 아키텍처에 이르기까지 리액트의 진화에 대해 자세히 알아보세요. 도입 10년 전, 리액트는 클라이언트가 렌더링하는 SPA의 세계에 대한 모범 사례를 바꿔놓았습니다. 오늘날

https://ykss.netlify.app/translation/rethinking_react_best_practices/?utm_source=substack&utm_medium=email

적절한 위치에 검색 기능을 할 서치바 컴포넌트 구현하기

(번역) 더 나은 CSS 트랜지션 및 애니매이션을 위한 10가지 팁 | Ykss

원문: Ten tips for better CSS transitions and animations 이 글은 CSS의 이징(easing) 및 큐빅 베지어(cubic-bezier) 커브 이해하기 게시물에 대한 후속 글입니다. 이 글을 보러 오셨거나 CSS…

https://ykss.netlify.app/translation/ten_tips_for_better_css_transitions_and_animations/

실행안되는 부분 패키지 버전 변경해가며 실행되도록 확인

2021년 회고 남겨보기 | Ykss

지금껏 여러 블로그를 보면서 회고 글을 많이 봤었다. 하지만 직접 회고를 작성해 본 적은 없었는데, 한 해를 돌아보며 기록한다는 것이 생각해보면 여러모로 의미있는 것 같아서 회고를 작성해본다. 사실 회고를 쓸 만큼 뭔가 거창한 걸 하진 않았지만, 그래

https://ykss.netlify.app/essay/review_2021/

y 스크롤 퍼센트를 보여주는 인디케이터 컴포넌트

https://hits.seeyoufarm.com/

[프로그래머스] 예산 - 파이썬 | Ykss

문제 설명 S사에서는 각 부서에 필요한 물품을 지원해 주기 위해 부서별로 물품을 구매하는데 필요한 금액을 조사했습니다. 그러나, 전체 예산이 정해져 있기 때문에 모든 부서의 물품을 구매해 줄 수는 없습니다. 그래서 최대한 많은 부서의 물품을 구매해 줄 수 있도

https://ykss.netlify.app/algorithm/programmers_39/

(번역) Tailwind CSS의 장점과 단점 | Ykss

Tailwind가 단지 인라인 CSS가 아닌 이유 원문: The Pros and Cons of TailwindCSS Tailwind는 최근 프런트엔드 생태계에서 그 어떤 CSS 프레임워크보다 빠르게 떠오르는 프레임워크가 되었습니다. 그럼에도 불구하고, Tailwind를 반대하는 사람들도 존재합니다. Tailwind의 전제는 코드를 스타일링하기 위해서

https://ykss.netlify.app/translation/the_pros_and_cons_of_tailwindcss/?utm_source=substack&utm_medium=email

https://kurly0521.atlassian.net/wiki/spaces/~6274ca53ca1fee006ae43b22/pages/3604383626

• sonarlint
  
• bundle size
• code spell checker
• error lens
• git History
• gitLens
• live server
• live share
• markdown all in one
• ES7+ React/Redux/React-Native snippets
• vscode-hanspell

3년차 대기업 SI/SM 회고 | Ykss

2021년 회고를 쓰고 얼마 지나지 않아 다시 회고를 쓸지는 상상도 하지 못했었는데, 감사하게도 이직을 하게되어 2년 10개월여간 몸담았던 회사를 떠나며 첫 직장을 떠나고 정리하는 마음으로 회고를 써보려고 한다. 사실 올해의 목표 중 이직은 매우 바래

https://ykss.netlify.app/essay/review_autoever/

(번역) 팝오버(popover) API를 소개합니다 | Ykss

원문: Introducing the popover API 팝오버는 웹의 모든 곳에 있습니다. 메뉴, 토글 팁, 대화 상자(dialog…

https://ykss.netlify.app/translation/introducing_the_popover_api/?utm_source=substack&utm_medium=email

구현 사항

• 위 목록에서 선택한 카테고리가 선택된 상태로 좌측에도 카테고리를 보여줌

Gatsby JS로 블로그 시작하기 | Ykss

기존에 Jekyll을 이용해 블로그를 운영했었다. 대학시절 오픈소스 수업을 들으며 만들었었는데, 한동안 열심히 포스팅하고 블로그 꾸미기도 하고, 구글 애널리틱스를 붙이는 등 한때 공들였었다. 하지만 취준과 취업 기간동안 동력을 잃고 유령 블로그가 되어버

https://ykss.netlify.app/web/blog_with_gatsby/

글마다 요약 목차를 보여주는

(번역) 2023년 웹 개발 트렌드 10가지 | Ykss

원문: 10 Web Development Trends in 2023 제 주관적인 의견으로는 웹 개발 환경이 몇 년(2016~2021년) 동안 발전이 더뎠지만, 작년부터 다시 많은 주목을 받기 시작했습니다. (이 글의 이미지를 가져온 State of JS도 참조하세요.) 이 글에서는 제가 본 새로운 웹 개발 트렌드 중 웹

https://ykss.netlify.app/translation/10_web_development_trends_in_2023/?utm_source=substack&utm_medium=email

(번역) Jest, React 및 Typescript를 사용한 단위 테스트 | Ykss

원문: Unit testing with Jest, React, and TypeScript 💡 소프트웨어 테스트는 무엇인가요? 소프트웨어 테스트(Software Testing…

https://ykss.netlify.app/translation/unit-testing-with-jest-react-and-typescript/?utm_source=substack&utm_medium=email

• 호환성 확인해가며 gatsby 버전 및 패키지 업데이트 필요