프로필

사용자 정보를 관리하세요

알림

새로운 알림을 확인하세요

피큐레잇 도움말

문의 및 제안

피큐레잇 이용약관

개인정보 처리 방침

팀 피큐레잇

설정
크롬 확장프로그램 다운로드
검색
사람 찾아보기
가져오기
언어 설정
Top
graphqlseo테스트성능최적화디자인News크롬익스텐션 개발lecturespwa라이브러리CI/CDInterview기타생산성nextjs데이터시각화javascriptcss개발 블로거reactWeb

seo

  1. GTmetrix | Website Performance Testing and Monitoring

    https://gtmetrix.com/

  2. How to Get Sitelinks to Appear in Google Search Results

    https://www.reliablesoft.net/sitelinks/

테스트

  1. This Is My 10 Questions React Code Reviewing Routine

    https://www.chakshunyu.com/blog/this-is-my-10-questions-react-code-reviewing-routine/

성능최적화

  1. 웹사이트 최적화 방법 - 이미지 파트 | 올리브영 테크블로그

    https://oliveyoung.tech/blog/2021-11-22/How-to-Improve-Web-Performance-with-Image-Optimization/

  2. Webpack 5, 무엇이 달라졌을까?

    https://so-so.dev/tool/webpack/whats-different-in-webpack5/

디자인

  1. Designing Beautiful Shadows in CSS

    https://www.joshwcomeau.com/css/designing-shadows/

News

  1. combine stack and bottom tabs navigator in react navigation - Google Search

    https://www.google.com/search?q=combine+stack+and+bottom+tabs+navigator+in+react+navigation&newwindow=1&sxsrf=ALiCzsZWKgQWzKyAWHT-gHHu-EyCSMbouw%3A1654568865957&ei=obeeYpWLOpHN2roPvdaj0Aw&ved=0ahUKEwjV34uspZr4AhWRplYBHT3rCMoQ4dUDCA4&uact=5&oq=combine+stack+and+bottom+tabs+navigator+in+react+navigation&gs_lcp=Cgdnd3Mtd2l6EAMyBAghEAo6BwgjELADECc6BwgAEEcQsAM6BwgAELADEEM6CggAEOQCELADGAE6EgguEMcBENEDEMgDELADEEMYAjoECCMQJzoFCAAQywE6BggAEB4QBzoICAAQHhAIEAc6CAgAEB4QBxAFOgYIABAeEAg6CAgAEB4QCBANSgQIQRgASgQIRhgBUL8_WMmfAWDIoAFoBHABeASAAfECiAHjQZIBCTAuMzAuMTAuNZgBAKABAcgBEcABAdoBBggBEAEYCdoBBggCEAEYCA&sclient=gws-wiz#kpvalbx=_8beeYoa8GsOy2roPruC30Aw16

  2. JavaScript 라이징 스타 2021

    https://risingstars.js.org/2021/ko

  3. Archive - Korean FE article

    https://kofearticle.substack.com/archive?sort=new

  4. 44BITS: IT 뉴스, 클라우드 컴퓨팅, 프로그래밍, 컨테이너, 리눅스

    https://www.44bits.io/ko

크롬익스텐션 개발

  1. GitHub - dutiyesh/chrome-extension-cli: 🚀 The CLI for your next Chrome Extension

    https://github.com/dutiyesh/chrome-extension-cli

  2. chrome.contextMenus - Chrome Developers

    https://developer.chrome.com/docs/extensions/reference/contextMenus

lectures

  1. Patterns.dev - Modern Web App Design Patterns

    https://patterns.dev/

  2. 치트시트 모음

    https://codehouse.vercel.app/

  3. Typing Component Props | React TypeScript Cheatsheets

    https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/basic_type_example

  4. Cheatsheets - 30 seconds of code

    https://www.30secondsofcode.org/c/cheatsheets/p/1

pwa

  1. PWA 하루 만에 도입하기(삽질기) | Evans Library

    https://evan-moon.github.io/2019/07/06/pwa-with-notification/

  2. PWA Resources, curated just for you.

    https://pwaresources.dev/categories/offline

라이브러리

  1. [NodeJS] 모두 알지만 모두 모르는 package.json | 감성 프로그래밍

    https://programmingsummaries.tistory.com/385

  2. React Libraries for 2022

    https://www.robinwieruch.de/react-libraries/

  3. 카카오 api 테스트 & 샘플 코드 Googsu WebApplication1

    http://test-tam.pe.kr/

CI/CD

  1. Slack으로 iOS 앱 배포하기

    http://labs.brandi.co.kr//2022/04/04/kosr.html

Interview

    기타

      생산성

      1. [개발 환경] iTerm2로 터미널 커스텀하기

        https://ooeunz.tistory.com/21

      2. Karabiner 설치해 맥북 한영키 설정하기.

        https://shanepark.tistory.com/165

      3. [Agile] 데일리 스크럼(Daily Scrum)이란 - Heee's Development Blog

        https://gmlwjd9405.github.io/2018/06/01/agile-dailyscrum.html

      nextjs

        데이터시각화

          javascript

          1. README - TypeScript Deep Dive

            https://radlohead.gitbook.io/typescript-deep-dive

          2. AbortController is your friend

            https://whistlr.info/2022/abortcontroller-is-your-friend

          3. 타입스크립트 꿀팁 | 카카오엔터테인먼트 FE 기술블로그

            https://fe-developers.kakaoent.com/2021/211012-typescript-tip/

          4. 8 JavaScript Tricks to Make You a Better Programmer | JavaScript in Plain English

            https://javascript.plainenglish.io/8-javascript-tricks-to-make-you-a-better-programmer-948b5a3c35b4

          5. ghoullier/awesome-template-literal-types: Curated list of awesome Template Literal Types examples

            https://github.com/ghoullier/awesome-template-literal-types

          6. 타입스크립트의 Never 타입 완벽 가이드 | TOAST UI :: Make Your Web Delicious!

            https://ui.toast.com/weekly-pick/ko_20220323

          7. [TypeScript] enum 👉 literal 타입 갈아타기(+class-validator, template literal 타입 활용)

            https://velog.io/@johnwi/enum-to-literal#%EC%BB%A4%EC%8A%A4%ED%85%80-%EC%9C%A0%ED%8B%B8-%ED%83%80%EC%9E%85-readonlyrecord

          8. JavaScript Snippets - 30 seconds of code

            https://www.30secondsofcode.org/js/p/1

          9. 안전한 any 타입 만들기 | overcurried

            https://overcurried.netlify.app/%EC%95%88%EC%A0%84%ED%95%9C%20any%20%ED%83%80%EC%9E%85%20%EB%A7%8C%EB%93%A4%EA%B8%B0/

          css

          1. 이미지가 뭉개지거나 흐릿해요! 도와줘요!

            https://dev-il-studio.postype.com/post/12312119?fbclid=IwAR0R9qD3eAPT1yguUD-fRmhSt1WqoUjTj8hAhaaR994_0pTYqHMwbzS99ek

          2. Fullscreen - 30 seconds of code

            https://www.30secondsofcode.org/css/s/fullscreen

          3. emotion.js 소개 및 사용법 (feat. CSS-in-JS)

            https://www.howdy-mj.me/css/emotion.js-intro/

          4. Animated Gradient Background Generator

            https://animated-gradient-background-generator.netlify.app/

          5. CSS Snippets - 30 seconds of code

            https://www.30secondsofcode.org/css/p/1

          개발 블로거

            Web

            1. 내 웹사이트를 슬랙에서 돋보이게 해줄 메타 태그 8가지 - 재그지그의 개발 블로그

              https://wormwlrm.github.io/2022/05/30/8-Meta-tags-for-unfurling-links-well-on-Slack.html?fbclid=IwAR0dwdz9hZKRzL5bGtSIlRxPnAqoghVVGu_oZS3pbV1PIlEgp1YIDVoQHEI#%ED%8C%8C%EB%B9%84%EC%BD%98

            2. 웹 페이지 로딩 과정 이해하기

              https://blog.imqa.io/webpage_loading_process

            3. https://curity.io/resources/learn/the-token-handler-pattern

              https://curity.io/resources/learn/the-token-handler-pattern