나보단 잘하자

저희 회사는 크게 2개의 파트가 있는데 한 파트는 Next.js로 만들어진 자체 사이트(주로 작업은 여기서 합니다), 또 다른 하나는 카페24에서 운영하는 쇼핑몰 사이트를 운영합니다. 가끔 카페24 사이트를 운영하는 파트가 기술팀에 기능 개발을 요청하곤 하는데 그 담당자가 제가 돼 버렸네요. 때문에, 바닐라 자바스크립트도 만지고 있는데 최근에 꽤 팁이 될 수 있을 만한 이벤트가 있어 적어보려 합니다. 개요 카페24에서 이미지를 수정해서 업로드하면, 자체 캐시 기능이 이미지를 캐싱해서 새로고침을 해도 이미지 수정 적용이 바로 안됩니다. url에 파라미터를 넣어 수정해봐도 수정이 안되는 경우가 있습니다. 이 문제에 대해 카페24는 '이미지 이름을 다르게 업로드'하는 방법을 해결책으로 설명하고 있습니다. 그러..

github api에서 받아온 커밋 날짜 데이터가 있다. // 편의를 위한 자바스크립트화 let gitDate = "2021-04-02T15:00:37Z" 그리고 5일 후를 나타내줄 수 있는 데이터를 만들기 원한다. 답은 아래와 같이 나와야 한다. let resultDate = "2021.04.07" 물론 백엔드쪽에 원하는 데이터를 주문할 수 있지만, 그렇지 못할 경우도 많으니 해결해보자. 우선, moment.js라는 아주 유우명한 패키지를 사용할것이다. 이 패키지는 시간을 아주 쉽게 다루게 해준다. Moment.js | Home Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format(..

자바스크립트의 데이터 타입은 크게 원시타입과 객체타입으로 나뉜다. 원시타입(Primitive), 기본형 객체타입(Object), 참조형 Number String Boolean Null Undefined Symbol Object Array Function 이 둘을 분류하는 기준에 대해 알아보자. 원시타입은 불변하고, 객체타입은 가변적이다. 변하지 않는다는 것 과 가변적이라는 것이 정확히 무엇일까? 원시타입 var a = 2 var b = a b = 3 console.log(a, b)// 2 3 a라는 변수에 #000이라는(예시) 주소값을 가진 메모리에 2를 할당한다. 변수에 원시타입을 바로 할당하지 않는다. 여기서 b에 a를 할당하면 b 역시 #000라는 주소값을 이용한다. 하지만 b에 3을 할당하면, 메..

null let n = null; console.log(n);// null console.log(typeof n);// object 변수를 선언하고 빈 변수임을 정해준다. null은 객체이다. undefined let b; console.log(b);// undefined console.log(typeof b);// undefined 변수를 선언하고 아무것도 할당하지 않는다. null도 문자열도 상수도 할당되지 않았을 때. undeclared console.log(f);// Uncaught ReferenceError: f is not defined at :1:13 변수의 선언도 할당도 하지 않았을 때. 없는 변수에 접근하려고 할 때 오류가 뜬다. null - 선언, 할당(null로) undefined -..