웹 개발자로의 한걸음

리액트로 인덱스 페이지를 구성하는 중 오류가 났다. 먼저, 다음 블로그 글을 참고해서 오류 해결을 시도했다. useRoutes() may be used only in the context of a component. 해결 방법 토이 프로젝트에서 Route를 사용할 일이 있어 사용하는데 아래와 같은 에러가 발생하였습니다. Uncaught Error: useRoutes() may be used only in the context of a component. [에러 원인] Uncaught Error: useRoutes() may be used itprogramming119.tistory.com 위와 같은 구조로 변경했으나, 맞는 구조인 것 같은데 계속 오류가 났다. 더 찾아보니 다음과 같은 원인이 있을 수 있..

예쁘게 디자인된 웹페이지 환경에서 기능 개발을 하고 싶어서 리액트 템플릿을 알아보았다. 35+ Free React templates and themes Free React resources are very difficult to find when searching for templates and themes on the Intern... dev.to 여기서 React Nice Resume가 스위트케어에 적용하기 딱이겠다 싶어서 가장 먼저 설치해 보았다. 그런데 설치부터가 난관이었다... 파일을 풀고 실행을 했더니 패키지가 없다고 오류가... 설치를 했더니 버전 호환성이 안 맞다고 오류가... 해결하고 실행했더니 스프링 시큐리티 로그인 프롬프트가 안 뜨질 않나... 서버에서 로그인하고 왔더니 Not Fou..

어제 스프링 부트 + 리액트 연동을 성공해놓고는 커밋을 까먹은 채로 넘어가 버렸다.... 설상가상으로 오늘 커밋하다 뭔가 꼬이는 바람에 파일을 싹 날려먹고 (...) 새로 하는데 또다시 계속해서 오류가 났다. 내가 또 오류를 낼 수도 있으니 오류를 정리해보고자 한다..... 일단 Spring security 의존성이 추가되어 있다면, 연동에 성공했을 때 로그인 프롬프트가 뜬다. 기본 id는 user이고, 비밀번호는 메인 애플리케이션을 실행한 콘솔에 표시되어 있다. 그 후 다음과 같은 오류가 날 수 있다. 1. 컨트롤러에서 리턴받은 String 대신 전체 html이 표시되는 경우 프록시 설정이 잘못된 것이다. package.json에서 proxy 설정이 올바르게 되었는지 다시 확인해 볼 것. "proxy"..

백엔드 분야 취준생 친구를 스터디에 영입했다. 동시에 좀더 기술적으로 최신 경향에 가까운 개발 프로젝트를 만들기 위해 스프링 부트 + 인텔리제이 + 리액트를 도입하기로 했다. 이전 버전에서는 롬복도 마이바티스도 안 썼는데 이번에 도입해 봄으로써 해당 라이브러리/프레임워크를 도입했을 때 얼마나 개발 코드 작성이 편해지는지 경험해 볼 수 있을 것이라 생각한다. 개발 환경을 세팅하고, 리액트를 설치했다. 알아보기 쉽게 frontend 경로에 설치해 보았다. C:\DevStudy\IntelliJ\SuiteCare_v2\src\main> npx create-react-app frontend 리액트 공부를 할 때 생성됐던 폴더가 그대로 생겼다. 이제 npm start 명령어를 통해 node.js 환경에서 App.j..

스프링 입문 강의를 들으면 강사님이 인텔리제이 단축키를 소개해 주신다. 강사님이 맥 기준으로 말씀하시는 것을 자막이 윈도우 기반으로 다시 알려주는데 자막이 듣도보도못한 기호를 쓰길래 헷갈려서 정리해 본다. ^ : Ctrl : Alt : Shift 대부분의 키보드에는 해당 키들이 Ctrl, Alt, Shift로 표기되어 있으니 위와 같은 아이콘 표기법은 꽤나 일반적이지 않다고 여겨진다. 왜 굳이 널리 쓰이지 않는 표기법을 썼을까? 혹시나 해서 애플 키보드를 찾아봤더니 아니나 다를까. 저 생소한 기호들은 애플 키보드에서 기인한 것으로 보인다....... 윈도우 사용자한테 알려주는 목적인데 왜 이 기호들을 썼을까...????????

부트캠프 중 열심히 진행한 프로젝트가 있다. 그렇지만 기술 스택이 스프링 레거시조차 쓰지 않은.. 오직 JAVA Servlet과 JSP로만 진행된 너무나도 레거시라.. 매우 아쉬웠던 나는 이번에 친구들이랑 스프링으로 포팅하기 위한 리팩토링 프로젝트를 추진했다. 원래는 한번 해봤던 스프링 레거시로 포팅하려고 했는데... 하는 김에 공부를 더해서, 실무에서 쓰일 확률이 높은 기술스택으로 업그레이드하기로 했다. 그래서 환경도 이클립스에서 인텔리제이로 바꾸고 스프링 부트에다가 Gradle까지 써보기로 했다. 일단 부딪혀 보기로!