여러 클론코딩 사이트를 하나에 모아두려는 프로젝트를 하려는 중에웹폰트랑 로컬폰트를 둘 다 적용할 일이 있어서 알아보다가 기록해두는 글루트에선 Next.js에서 기본으로 제공하는 구글 웹폰트를 사용하고,클론코딩 할 폴더에선 나눔스퀘어 글꼴을 따로 적용해야하는 상황이었다.

별건 아니지만 motion 라이브러리를 사용하면서 삽질했던거 써두기 포트폴리오의 보유 스킬 섹션을 만들면서 기존의 아코디언 디자인을 카드 디자인으로 바꾸고 싶었다. 작은 카드였다가 클릭하면 모달창이 열리면서 상세 설명이 나오는. 자연스럽게 전환되었으면 해서 motion

포트폴리오 사이트를 다시 만드는 도중 생긴 문제나중에 알고보니 굉장히 바보같은 실수를 한 거였지만 나름 밑거름이겠거니 하고 적어두기...ㅠㅠ다크모드의 state를 "dark" || "light"로 관리중인데, 다른 컴포넌트에서 이 값들로 조건부 랜더링을 시도하였으나 값

두번째 강의에선 여러종류의 Geometry를 불러와서랜더링 해보는 내용이었기 때문에 생략!세번째 강의의 transform을 알아보고 이를 이용해 Scene Graph를 만들어봄Scene Graph란 컴퓨터 그래픽 장면을 구성하는 요소들을 논리적 또는 공간적으로 계층 구

매번 비슷한 Next.js프로젝트만 만들기보단 이전부터 관심있었던 three.js를 공부해보기로 했다.우선 찍먹해보기 위해 유튜브에서 한국어 강의를 검색하던 중 괜찮아보이는 강의를 찾음!GIS DEVELOPER 유튜브 | TypeScript로 즐기는 Three.js 첫

드디어 모딥다 프로토타입 파트를 들어갔다.천천히 이해하면서 넘어가던중 파트 초반에 나온 자바스크립트는 함수형 프로그래밍, 객체지향 프로그래밍을 지원하는 멀티 패러다임 언어이다.라는 말에 궁금증이 생겨서 이것저것 찾아봄.객체지향 프로그래밍(Object-Oriented P

오랜만에 다시 모딥다를 읽고 있다.이전에 함수와 일급객체 파트를 다 읽고 프로토타입을 읽을 차례인데너무 안 읽혀서 다시 함수와 일급객체 파트를 읽어나가는중.그러다 예제 하나를 보곤 또 왜?!?!! 병이 도져서 깊게 파버림.이런 예제였는데 저 slice 메서드 뒤에 붙은

옛날옛적에 했던 프로젝트 리팩토링 중장르별로 영화를 불러오면 웬 이상한 성인영화도 같이 불러오길래 수정하기로 했다.이 과정에서 async 함수도 다시 만듦.사이트엔 장르별, 년도별로 불러오는 메뉴 두 개가 있었는데,로직 자체는 비슷해서 이걸 하나의 함수로 묶고 싶었다.

진짜 조그마하고 어이없는 실수지만 다신 반복하지 않기 위해 써두는 글프로젝트 리팩토링 하다가 뒷통수가 싸해지는 무서운 경험을 했다.한참 이거저거 수정하고 vscode 소스제어창을 보니 변경 사항이 이거밖에 안 보이는것.현재 위치한 브랜치 이름을 보니 origin/mai

못생긴 select박스배포 후 아이폰에서 확인하니 select 박스가 개똥같이 나온다. -webkit-으로 css 안 맞춰서 그런것. \-webkit-appearence: none; 해주니까 먹히긴 하는데 미묘한 내부 padding 차이…(왼 크롬, 우 사파리)크롬과

첨에 생각난 방법은 i부터 j까지의 숫자를 모두 이어붙인 다음 정규표현식으로 찾는것for문 돌려서 붙일까 하다가 다른 방법이 있지 않을까 싶어서 지피티한테 물어봤는데Array.from()을 이용하더라첫 번째 매개변수로 들어간 { length: j - i + 1 }는 유

제목 그대로 특이한 정렬이었다정수 n을 넣으면 n을 기준하여 가까운 순으로 배열을 정렬하는 문제처음엔 배열을 오름차순으로 정렬하고 n의 인덱스를 찾아 앞뒤의 원소를 비교하는 방법으로 할랬는데...배열 내부에 n이 없는 경우도 있었다정답률 70%대 오니까 갑자기 어려워지

0레벨만 죽 풀다가 정답률 제일 낮은 문제 체험해보려고 도전했지만장렬하게 패배해버리고 안 까먹으려고 정리해둔다...처음엔 문제가 이해조차 안돼서 1차 절망이해는 됐는데 어떻게 로직을 짜야하지 싶어서 2차 절망검색해서 기본 로직은 생각해냈으나 머리가 안 돌아가서 3차 절

코테 풀다가 착각하고 있던 아주 기초적인 사실이 있어 기억할 겸 정리해두기로 한다.if문 중괄호 생략과 화살표 함수 중괄호를 생략할 때와 혼동하여 사용하고 있던 것...!이렇게 짜도 문법적 오류는 없다.하지만 각 if문의 단일 명령문 1과 0은 그저 1과 0으로 평가될

프로그래머스 문제 풀다가 마주친 벽최대공약수를 구해야 한다는건 알겠는데 이를 코드로 풀어내질 못해서 결국 찾아보고 기억해두기 위해 적어둔다.최대공약수를 구하는 방법엔 유클리드 호제법이란 알고리즘 있다.호제법이란 두 수가 서로(互, 서로 호) 상대방의 수로 나누어(除,

프로젝트를 하던 중 성인인증을 구현해야 할 일이 생겼는데,이 구현과정이 꽤나 험난했어서 정보공유차 적어놓기로 한다.