웹 개발하기

프론트엔드 개발을 진행해야하는데, 라이브러리 없이 금방 만들 수 있을 것 같았다 그래서 만들었다 (gpt 최고...) 달력의 날짜를 생성하고, 이전/다음 버튼을 클릭할 때 년도와 월이 바뀌는 코드

시작하며, 서비스에서 복사하기 기능 하나쯤은 만들어줘야하지 않겠나 버튼을 누르면 클립보드에 복사되어야하는 기능이 필요했다 웹뷰였기에 PC웹, 모바일 웹, 안드로이드 앱, iOS 앱 등 모든 기기에서 다 작동되어야 했기에, 이 점을 유의하며 기능을 만들었다

시작하며, 회사에서 쓰고있는 Next.js를 좀더 공부하고자, 포트폴리오를 Next.js로 만들기로 결심했다 우선 당연하게도, 회사에 합류한 시점에는 이미 서비스가 운영되고 있었기에 프로젝트를 처음부터 만들어볼 기회는 없었다 마침 회사에서는 할 수 없는 이런저런 것들

시작하며, Next.js 프로젝트를 새로 만들었다 이전 글 : [Next.js] 프로젝트 시작하기 > Node.js version >= v00.00.0 is required 로컬에서 실행해보려고 하니, 위 문구가 뜨면서 실행이 안된다 현재 프로젝트 버전과 본인이 예

시작하며, 화면 전체 페이지를 스크롤 없이 꽉 채워야하는 상황이 생겼다 상단바와 하단nav바가 있어, height: calc(100vh - {상단바+하단nav바 높이값}px)로 고정해주었다 그러나 막상 배포하고보니, 모바일 사파리에서는 url 주소창 때문에 고정된 h

시작하며, 회사에서 개발하다보니 가끔 디자이너님이 이벤트가 발생되는 요소들을 중첩해두신 경우가 있다 그러나 이럴 때마다 이벤트가 중첩되어 발생하니 이걸 막으려고 매번 검색하게 된다 해결 방법은 꽤나 쉬운데 이런 경우가 꽤 있기도 했고, 막상 처음 마주하면 정말 막막하

이번에 회사 웹사이트를 새롭게 개발하면서 처음으로 vercel로 배포해봤다(너무 신나서 한달 넘게 방치해둔 스레드에 자랑했음)그리고 이제 검색 엔진 최적화(SEO)와 구글 애널리틱스(GA) 셋팅이 남았다SEO의 경우, 첫 배포 단계에서 할 수 있는 최소한의 셋팅은 해두