Pinned Repositories
2024-make-multiple-params-func
여러 매개 변수를 사용하는 자바스크립트 함수를 작성하는 방법
bundle-repo
내가 공부한 모든 파일들이 모이는 곳 📘
clone-google-page
google 페이지를 클론해보며 HTML지식과 CSS지식을 습득
common-code
git submodule에서 사용하는 common code 레포지토리를 만들어보자
pactice-display-flex
flex 속성이 무엇인지 몰라 공부해보기
practice-carousel
Qshop 제품에 무한슬라이드를 구현해야 해서 연구
practice-react-test-library
리액트에서 제공하는 Testing Library와 Jest-Dom을 사용하여 테스트 환경 연습해보기!
practice-scroll-indicator
Qshop 메인 페이지에서 스크롤 인디케이터를 넣어야 하는데 어떻게 넣어야 하는지 몰라서 공부
practice-web-worker
현업 제품에서 이미지 렌더링, 이벤트 등으로 인한 메인 스레드 과부화를 방지하기 위해 연구. 서브 스레드를 활용하여 메인 스레드의 작업량 줄이기.
study-html-css
vanillajs 기본기를 더욱 익히기 위하여 강의를 수강
practice-skill-kyungsle's Repositories
practice-skill-kyungsle/2024-make-multiple-params-func
여러 매개 변수를 사용하는 자바스크립트 함수를 작성하는 방법
practice-skill-kyungsle/bundle-repo
내가 공부한 모든 파일들이 모이는 곳 📘
practice-skill-kyungsle/clone-google-page
google 페이지를 클론해보며 HTML지식과 CSS지식을 습득
practice-skill-kyungsle/common-code
git submodule에서 사용하는 common code 레포지토리를 만들어보자
practice-skill-kyungsle/pactice-display-flex
flex 속성이 무엇인지 몰라 공부해보기
practice-skill-kyungsle/practice-carousel
Qshop 제품에 무한슬라이드를 구현해야 해서 연구
practice-skill-kyungsle/practice-react-test-library
리액트에서 제공하는 Testing Library와 Jest-Dom을 사용하여 테스트 환경 연습해보기!
practice-skill-kyungsle/practice-scroll-indicator
Qshop 메인 페이지에서 스크롤 인디케이터를 넣어야 하는데 어떻게 넣어야 하는지 몰라서 공부
practice-skill-kyungsle/practice-web-worker
현업 제품에서 이미지 렌더링, 이벤트 등으로 인한 메인 스레드 과부화를 방지하기 위해 연구. 서브 스레드를 활용하여 메인 스레드의 작업량 줄이기.
practice-skill-kyungsle/study-html-css
vanillajs 기본기를 더욱 익히기 위하여 강의를 수강
practice-skill-kyungsle/2021-study
2021년에 공부한 것들
practice-skill-kyungsle/2022-study
2022년에 공부한 것들
practice-skill-kyungsle/2023-study
2023년에 공부한 것들
practice-skill-kyungsle/2024-study
2024년에 공부한 것들
practice-skill-kyungsle/implement-jquery-scroll
Quv라는 Qshop 이전 버전 제품의 메인 페이지에서 스크롤 애니메이션 구현을 맡아 공부. 어떤 식으로 구현해야 할지를 연습했으며, 스크롤 시 특정 범위를 넘어가면 애니메이션이 작동하도록 구현함.
practice-skill-kyungsle/JS_Problem_Solving
자바스크립트 문제를 푼 레퍼지토리입니다. (알고리즘)
practice-skill-kyungsle/practice-color-picker
현업에서 컬러피커를 구현해야 하는데.. 어떻게 해야 하는지 몰라 하나하나 써봅니다.
practice-skill-kyungsle/practice-cookie
도메인이 달라서 쿠키가 안 보내지는 상황 목격. server에서 쿠키를 보내고 받아보는 연습을 통해 쿠키와 친해지기.
practice-skill-kyungsle/practice-event-bus
현업 제품에서 이미지 렌더링, 이벤트 등으로 인한 메인 스레드 과부화를 방지하기 위해 연구. 서브 스레드를 활용하여 메인 스레드의 작업량 줄이기.
practice-skill-kyungsle/practice-json-schema
현업에서 JSON을 다룰 일이 많아서, JSON 테스트를 할 수 있다는 스키마에 대해서 공부
practice-skill-kyungsle/practice-react-dom-server
React DOM Server라는 것에 대해서 부끄럽게도 전혀 모르고 있었다. React와 express를 이용해서 SSR을 구성해보고, NextJS가 과연 어떻게 생겨먹은 애일까 생각해본다.
practice-skill-kyungsle/practice-react-prop-property
elem에 중괄호를 붙여 바로 렌더링할 수 있지만, 이 방식을 사용하면 property를 동적으로 붙이지 못한다. property를 붙이려면 함수형 컴포넌트를 동적으로 만들어야 한다는 생각으로 이어졌다.
practice-skill-kyungsle/practice-webpack
VanillaJS 에서 사용하는 Multi Page Application 형식에서, webpack을 이용한 Single Page Application으로 전환해본다.
practice-skill-kyungsle/study-bungae-coding-test
라이브러리 사용 이유, 폴더 구조, 데이터 불러오기, 코드 주석 등에 대해서 사전 준비. 사용한 라이브러리를 왜 사용했는지 충분히 고민해보기.
practice-skill-kyungsle/study-nomad-coder-react-native-101
프론트엔드 개발자는 화면단에 보이는 모든 것을 개발할 수 있어야 하지 않을까? 앱이든 웹이든? 서버 개발자와 디자이너가 주는 것들을 쳐낼 수 있어야 한다. 마침 자바스크립트를 사용해서 앱을 개발할 수 있는 방법이 있다고 해서 공부해본다.
practice-skill-kyungsle/study-nomad-nextjs
Qshop 제품에서 nextjs를 도입하려고 하는데 이에 대한 숙련도가 낮은 것 같아 공부
practice-skill-kyungsle/study-nomad-redux-101
redux의 사용법을 공부하여, Qshop에서 사용하는 react 자체의 context hook 에 대한 이해를 하려고 함