반응형 전체 글202 Day.js (dayjs) 라이브러리 사용하기 "라이브러리에 패배한 나" 라는 말과 함께 시작하고 싶다. 윤달과 윤년에 대해 아는가...? 그냥 한참 전인가 언젠가 C언어 수업에서 윤달과 윤년까지 고려해 달력을만드는 알고리즘을 짰던 기억이있다. 뭐 사실 까다로울 뿐이지 불가능한 수준의 구현은 아니었다. 하지만 이런기억.. 이제는 잊는게 좋다. 프론트엔드 화면 구현중 datePicker를 사용해야 하는 상황이 있었다. 결론만 말하면 2023.07.17 - 2023.08.17 의 형태로 정확히 한달 간격의 선택을 해야하는 상황이 있었다. 시나리오로 따지면 오늘로부터 정확히 한달전 참 모호하다. 오늘이 17일이면 월만 1을 빼면되나..? 만약 31일이면 2월 31일은 없는데? 날짜가 의외로 여러 예외사항이 매우많았다. let day1 = '2023.07... 2023. 8. 17. Next.js에 폰트 바꿔서 적용하기 (ttf파일 사용) - 서론 (Next.js에서 폰트 바꿔서 사용하는 대략적인 가이드) 보통 인터넷이 연결 되어있는 상황에서는 패키지나, 구글폰트를 이용해 폰트적용을 많이 합니다. 아래와 같이 말이죠 layout.js import './globals.css' import { Inter } from 'next/font/google' const inter = Inter({ subsets: ['latin'] }) export const metadata = { title: 'Create Next App', description: 'Generated by create next app', } export default function RootLayout({ children }) { return ( {children} ) } 위 코드는.. 2023. 8. 7. Next.js 13에서 React Markdown Preview 사용 (2가지 에러해결 포함) https://uiwjs.github.io/react-markdown-preview/ React Markdown Preview uiwjs.github.io - React Markdown Preview 라이브러리 마크다운, 코드블럭 등을 자동으로 만들어 주는 라이브러리다. 리액트에서는 사용하는데 문제가 없겠지만 Next.js 13에서 사용했을 때 작은 문제가 2가지 있었다. - 1번째 Module not found: (ESM packages .....) 에러 Next.js 공식문서를 보면 이와같은 경우에 아래와같이 해결하라고 나와있다. https://nextjs.org/docs/messages/import-esm-externals import-esm-externals | Next.js ESM package.. 2023. 6. 30. [VSCODE] 익스텐션 오프라인으로 설치하기 사내망이나 기타 오프라인 환경에서 익스텐션 설치파일을 받아 설치해야 하는 경우가 있을 수 있다. 1.아래사이트로 들어간다. https://marketplace.visualstudio.com/ Visual Studio Marketplace Extensions for Visual Studio family of products on Visual Studio Marketplace marketplace.visualstudio.com 2.원하는 익스텐션을 검색한다. 3.우측 중간쯤에 Download Extension을 클릭한다. 4.다운로드후 저장 5.VSCODE 좌측하단에 톱니바퀴 클릭후 명령 팔레트를 실행한다. 6.install from VSIX 를 검색 7.다운받은 확장프로그램, 익스텐션을 클릭하면 바로 설치.. 2023. 6. 8. JSP 리다이렉트 하는방법, 시작페이지 설정 - JSP페이지에서 특정페이지로 리다이렉트하거나, 첫페이지를 바꿔야 하는 경우 ex) www.test.com 이 도메인 주소인데 www.test.com/user/login.vis 이런 페이지가 첫 화면이 되어야 한다면? 1. javascript이용하기 - index.html을 만들고 이와같이 설정 2. jsp 문법 이용하기 혹은 3.web.xml 파일에서 welcome-file-list 설정하기 위와같이 1,2번을 사용하려고 해도 web.xml에 설정이 필요하다. 1,2번 방법은각각 html 파일과 jsp 파일을 이용하는 방법인데 아래와같이 web.xml에 먼저 설정해줄 필요가 있다. 그리고 web.xml파일은 tomcat서버쪽에 있기도하니 비교해서 사용하면 된다. 어느쪽에 넣어도 잘 작동하더라 inde.. 2023. 6. 8. Git 자주쓰는 명령어 정리 - 현재 디렉토리를 기준으로 깃 저장소 생성하기 git init -현재 깃 상태보기 git status -깃에 파일 추가하기 ex)변경된 파일 전체추가 git add . -커밋 메시지 남기기 git commit -m "메세지내용" -원격 저장소에 올리기 git remote add origin https://github.com//프로젝트이름 git push -u origin master - 브랜치 이동하기 git checkout ex)현재 master에 있는데 dev로 이동? git check out dev - 새로운 브랜치 만들기 git branch ex) dev브랜치 만들기 git checkout master git branch dev 마스터 브랜치로 이동후 그곳에서 dev브랜치를 만드는 과정 - 브랜.. 2023. 6. 7. 이전 1 2 3 4 5 ··· 34 다음 반응형
