2024년에는…
2024년 회고
Posts by Category
etc
옵시디언으로 이사 후 한 달
노션에서 노션과 옵시디언으로…
2024년 1학기
열심히 공부 하자.
이산수학 출석수업 후기
… 해서 순전히 기분 좋아서 쓰는 후기
특정 부분만 window print로 PDF 저장하기 + 파일 이름 지정
깔끔하게 증명서 인쇄하기 위한 여정(?)
Quill 글자 크기 커스텀
클래스 방식으로 폰트 사이즈 세분화하기
2023년에는…
2023년 회고
맥이고 싶어하는 아이패드 판별법
아이패드가 MacIntel인 척 할 때..
git 특정 파일만 체리픽 하는 방법
git cherry-pick …
깃허브 프로필 꾸미기 기록
깃꾸…깃허브 프로필 꾸미기
묵직한 asset 사이즈 116분의 1로 썰어버린 사연
vue disable prefetch 그리고 subset 폰트 만들기
원티드 프리온보딩 인턴십 과제 회고
원티드 인턴십 지원 후기 & todolist 구현 과제
2022년 회고
2022년 회고
팀프로젝트 기술 스택
프론트엔드 기술 스택 정하기
Heroku에 json-server 호스팅하기
투두리스트라도 자랑하고 싶어
vscode 세팅하기
단축키, 확장, 설정
JavaScript
jQuery 걷어내기
jQuery 삭제 기록
좀 더 깊이 알아보기 OAuth, … 그리고 이것저것
원티드 프리온보딩 챌린지 3월 4강
세션기반 로그인 구현과 JWT와의 비교 및 인프라스트럭쳐
원티드 프리온보딩 챌린지 3월 3강
JWT의 개념과 토큰을 이용한 로그인 구현 알아보기
원티드 프리온보딩 챌린지 3월 2강
로그인의 개념과 어플리케이션 구조 알아보기
원티드 프리온보딩 챌린지 3월 1강
axios 인터셉터 활용하기
axios 인터셉터를 사용해서 리프레시 토큰 요청 보내기
JSDoc @param 태그 사용하기
@param 사용 예시
stompjs 2 → 5버전에 맞춰 리액트 코드 작성하기
공식 문서를 잘 읽자.
dayjs - time from now error
공식 문서를 잘 읽자.
JavaScript 기본 정리 1
JacaScript 기본 문법, 개발 환경 등
string.charAt(i), string[i] 차이점
문자열에서 개별 문자 접근 방법, 약간의 영어 공부를 곁들인
간단한 timer 만들기
setInterval, clearInterval 사용하기
움직이는 gif 다시 재생하기
이미지 캐시와 깜빡임 현상 방지하기
바닐라 JS로 그림판 만들기 + 컬러 인풋
canvas와 javascript로 만드는 간단한 그림판
Vue
computed로 전체선택 기능 만들기
computed set 하는 방법
input type date + v-model
input type date를 Vue 컴포넌트로 만들기
Vue.prototype을 마이그레잇!
Vue3에서 inject 값의 타입이 unknown으로 나올 때 해결법
Vue에서 키보드 입력값 대체하기
dispatchEvent 사용해보기
Platform 2 and ¾ at Vue
뷰 2와 4분의 3 어딘가
chart.js 컬러 선택 기능 만들기
codepen Vue SFC + Vue2 + Chart.js4
스토리북 튜토리얼 with Vue - 시작 및 간단한 컴포넌트 적용
storybook + vue
Vue에서 동적 ref 사용하기
vue dynamic ref
4) vue 공식 문서 보면서 메모 3
vue 기본 문법
3) vue 공식 문서 보면서 메모 2
vue 기본 문법
2) vue 공식 문서 보면서 메모 1
vue 기본 문법
1) vue 시작의 시작
vue 폴더 세팅
0) vue 시작 전 준비
nvm설치하기, vue공식 문서 보기
PWA
모바일 기기의 여부 체크 오류
화면이 넓은 휴대폰은 무엇을 꿈꾸는가
애플의 PWA 다운그레이드(?) + 그리고 업데이트
PWA의 현재
PWA를 실제 서비스 하기 위한 난관 그리고 장단점
PWA를 겪어 보았다.
PWA에서 아이폰과 안드로이드 비교
서로 각자의 사정이 있다.
fcm 토큰 언제까지 살아 있어? 문의해 보았다.
iOS safari에서 fcm 토큰 문제
서비스 워커 디버깅 방법
그동안 했던 크로스 브라우징은 맛보기였다. 초 매운맛 사파리 디버깅
PWA에서 삼성 브라우저 절대 못쓰는 이유 feat.Push
실제 서비스에 사용하기 위해 체크
PWA에서 캐싱과 오프라인 페이지
workbox, offline fallback
manifest를 추가해서 설치 가능하게 만들기
간단한 듯 아닌 듯 manifest 추가, 설치 방법
아이폰도 웹푸시가 된다 - PWA 개발 참고 자료
PWA 도입
React
gatsby mdx에 이미지 추가하기
MDX embedded images
원티드 프리온보딩 인턴십 과제 회고
원티드 인턴십 지원 후기 & todolist 구현 과제
next.js에서 동적 OG image 생성하기 - @vercel/og
vercel + next.js + typescript
React에서 페이지네이션 구현하기
라이브러리 없이 구현
stompjs 2 → 5버전에 맞춰 리액트 코드 작성하기
공식 문서를 잘 읽자.
React 렌더링 성능 최적화
useMemo, useCallback, React.memo, Code Splitting
react router
리액트에서 라우터 사용하기
Ref
비제어 컴포넌트에서 Ref 사용하기
Lifecycle, useEffect
생명주기, 클래스형 컴포넌트와 함수형 컴포넌트, useEffect
FrontEnd
프로덕션 빌드에서만 들어갈 수 없는 페이지 그리고 웹폰트의 증발
가끔 정신차리라고 이런 이벤트가 생긴다
iOS에서 WebAuthn 유저 제스처 오류
직접 말해주지 않는 사파리의 속마음을 헤아려보자.
내가 만든 컴포넌트 디자인 문서화하고 배포하기
원티드 프리온보딩 챌린지 6월 4강
스토리북과 함께하는 협업 시스템
원티드 프리온보딩 챌린지 6월 3강
스토리북과 함께하는 CDD
원티드 프리온보딩 챌린지 6월 2강
컴포넌트란 무엇인가
원티드 프리온보딩 챌린지 6월 1강
TypeScript
TypeScript 인터페이스
interface implements, extends
TypeScript 클래스
TypeScript에서 클래스
TypeScript 기본 타입
TypeScript란, TypeScript의 기본 타입
CSS
100vh 활용한 레이아웃을 보완하는 방법
CSS 두 번 짜서 fullpage(100vh 디자인)와 타협하는 법
css mask 활용한 간단 아이콘 스타일링
아이콘 이미지가 base64인데 색도 다르고 방향도 다르고 크기도 다르다면 mask를 써보세요.
반응형 CSS 개선 기록
vw의 저주
Blog
블로그 카테고리 수정하기
사이드바의 카테고리 부분 수정
블로그 만든 기록
나도 할 수 있다, github.io 블로그 만들기
WIL
WIL 5월 4주차
oklch, css nesting, aria-invalid, aria-errormessage