날아라김지원
article thumbnail
Next.js 13에서 React Markdown Preview 사용 (2가지 에러해결 포함)
Next.js 2023. 6. 30. 17:43

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..

article thumbnail
[VSCODE] 익스텐션 오프라인으로 설치하기
웹개발지식 2023. 6. 8. 09:26

사내망이나 기타 오프라인 환경에서 익스텐션 설치파일을 받아 설치해야 하는 경우가 있을 수 있다. 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.다운받은 확장프로그램, 익스텐션을 클릭하면 바로 설치..

JSP 리다이렉트 하는방법, 시작페이지 설정
JAVA, Spring 2023. 6. 8. 09:17

- 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..

Git 자주쓰는 명령어 정리
Git 2023. 6. 7. 08:56

- 현재 디렉토리를 기준으로 깃 저장소 생성하기 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브랜치를 만드는 과정 - 브랜..

article thumbnail
opener - popup관련, 자식 부모창 제어하기
Javascript 2023. 5. 26. 15:57

- opener 브라우저에는 메인 화면과 팝업창이 존재할 때 가 있다. 이때 팝업창과 메인 화면에서 데이터를 서로 이용하거나 이벤트를 전달해야할 때 가 있다. 이럴 때 사용할 수 있는 개념이 'opener'다. - 사용법 어차피 필요하면 찾아서 사용하게 되는데 내가 오늘 사용한 개념만 간단히 정리하자. 자식에서 부모값을 사용할 수 있고 부모에서 자식값을 사용할 수 있다. 부모란 메인페이지를 말하고 자식이랑 팝업창을 말한다. - 실습 노란창이 부모고, 빨간창(팝업)이 자식이다. var a = 10 window.open() // 팝업 열기 위한 명령어 이와같이 부모창의 콘솔에서 변수를 만들어주고 팝업을 열어주었다. opener.a window.opener 라고 사용해도되지만 자식창에서 opener.a를 입력..

502 error
웹개발지식 2023. 5. 26. 15:44

- 502 에러란? HTTP 502 오류는 서버와 클라이언트 간의 통신 중에 발생할 수 있는 오류 이 오류는 "Bad Gateway"라고도 알려져 있으며, 일반적으로 프록시 서버나 게이트웨이 서버가 클라이언트의 요청을 처리할 때 발생하는 문제를 나타낸다. 즉 서버간에 통신이 잘 안되는 상황인데 개발중에 발생 했다면 임시적으로 처리하는 방법이 있다. ->통신하는 부분을 주석처리하거나 return처리!

Multiple annotations found at this line 에러 (이클립스)
JAVA, Spring 2023. 5. 24. 13:56

JSP 메인 화면이 불러오지 않는 오류가 발생했다. 일단 오류 메세지는 Multiple annotations found at this line .... 내용이었고 찾아본 결과 2가지 해결방법이 있었다. 1.@NoArgsConstructor 추가하기 파라미터가 없는 기본 생성자를 만들어준다. 이것을 추가해준것만으로도 해결은 되었는데 다른 PC환경에서는 없이도 잘 되었기 때문에 다른방법도 찾아봐야했다. 그리고 사실 @NoArgsConstructor 는 기본으로 넣어주는게 정석이라고 하는데 관련해선 공부를 해봐야겠다. 2.lombok build문제 해결 repository\maven\repository\org\projectlombok\lombok 경로 관련해서 build()문제라고 나왔는데 라이브러리를 삭제했..

elipse에서 tomcat 서버실행 오류 날 때
JAVA, Spring 2023. 5. 24. 10:50

-자식 컨테이너를 시작 중 실패 했습니다. -왜냐하면 만료된 캐시 엔트리들을 없애버린 이후에도 여유 공간이 충분하지 않기 때문입니다 이와같은 오류가 났을 때 해볼 수 있는방법 1.프로젝트 클린 2.서버클린 3.톰캣 워크디렉토리 클린 4.아래 문구 추가해서 캐쉬사이즈 늘려주기 톰캣의 context.xml파일 톰캣 설치경로 -> conf -> context.xml ps. 나의 경우에는 git ignore의 classpath설정 문제였다. - 참고한링크 https://yongku.tistory.com/entry/%ED%86%B0%EC%BA%A3Tomcat-%ED%86%B0%EC%BA%A3Tomcat-orgapachecatalinaLifecycleException-%EC%9E%90%EC%8B%9D-%EC%BB%..