토이 프로젝트를 진행하는 도중에 img 태그 src 속성에 assets 폴더에 있는 이미지 경로를 넣어줬는데 크롬 개발자 도구로 확인해 보니 [object Module] 값으로 들어가 있어서 webpack.config.js 관련 설정에 문제가 있는다고 판단되었습니다. 그래서 file-loader 관련 options 값을 추가해주니 정상적으로 이미지 경로가 불러와 졌습니다. 기존 webpack.config.js { test: /\.(png|jpe?g|gif)$/i, use: [ 'file-loader' ] }, 변경 후 webpack.config.js { test: /\.(png|jpe?g|gif)$/i, use: [ { loader: 'file-loader', options: { esModule: fal..
git commit을 시도 했는데 오류가 발생해서 git log를 확인해보니 아래와 같이 출력되었습니다. 해결 방법은 git log에 출력된 것과 같이 자신의 이메일과 아이디를 명령어로 넣어주면됩니다. git config --global user.email 이메일주소@naver.com git config --global user.name "아이디" 자신의 이메일, 아이디를 명령어로 입력한뒤 git commit을 해보면 github 페이지가 열리고 계정을 인증 완료하면 정상적으로 commit이 완료됩니다.
프로젝트 처음 셋팅할 때 콘솔창 한글 깨짐 현상은 계속 나오는 문제라서 이번 기회에 해결 방법에 대해 정리해 놓으려고 합니다. Run -> Run Configurations 를 클릭합니다. 자신이 사용하는 서버 정보에서 Common 탭에서 Encoding을 UTF-8로 변경해주고 적용하면 콘솔창에 한글이 정상 출력됩니다.
처음에 공식 사이트에서 비주얼 스튜디오 코드 (Visual Studio Code) 를 설치하면 툴 자체가 전부 영어로 되어있습니다. 툴을 한글로 변경하는 작업은 아래와 같이 설정하면 바로 적용 가능합니다. 1. 좌측의 네모난 아이콘을 클릭합니다. 2. 검색창에 korean 입력 3. Install 클릭 한글 언어 팩이 설치가 끝나면 아래에 Restart Now를 클릭해서 재시작 해줍니다. 재시작하면 툴이 한글로 변경되는 것을 볼 수 있습니다.
이클립스를 새로 셋팅하고 웹 어플리케이션을 실행시켰을 때 이클립스는 내부 브라우저로 실행하게 설정되어있습니다. 프런트 엔드 소스를 확인하고 디버깅하기에 크롬 브라우저가 편하기 때문에 변경하는 방법에 대해 알아보겠습니다. 1. 메뉴 -> Windows -> Preferences 를 클릭 2. General -> Web Browser 을 클릭 3. Use external web browser 로 변경해주고 Chrome으로 선택해줍니다. Apply and Close를 누르고 실행해주면 내부 브라우저가 아닌 크롬 브라우저로 실행됩니다.
스프링 부트 프로젝트를 메이븐으로 생성한 뒤 Pom.xml에서 Unknown Error가 발생했습니다. 해결 방법을 찾아보니 Maven JAR Plugin 버그가 존재하는 하는 것 같습니다. 아래와 같이 pom.xml의 properties 태그에 명시적으로 3.1.1 버전을 넣어주고 Maven Update를 해준 뒤에 에러가 해결되었습니다. 3.1.1
메이븐 빌드시 플러그인 에러 났을 때 사용해본 방법을 정리해보려고 합니다. 1. Pom.xml에 dependency 추가 org.apache.maven.plugins maven-resources-plugin 2.4.3 2. 프로젝트 우클릭 -> Run As -> Maven install 3. 프로젝트 우클릭 -> Maven -> Update Project 4. Force Update 체크 후 OK 클릭 제 경우에는 이런 방법으로 플러그인 에러가 해결되었습니다.
이번에 소스코드를 비교해야하는 작업이 있어서 윈머지를 사용하게 되었습니다. 그래서 간단하게 윈머지 설치 및 사용방법에 대해 기록하려고합니다. 1. 윈머지 설치하기 http://winmerge.org/downloads/ 에서 최신 버전을 다운로드 받아 [다음]을 눌러서 설치하면 됩니다. 2. 윈머지 간단한 사용법 윈머지가 정상적으로 설치되면 탑색기 우측 클릭으로 윈머지 메뉴를 확인가능합니다. 두개의 파일을 비교 하려면 탐색기에서 비교 대상인 두개의 파일을 Ctrl키를 눌러 선택한 뒤에 마우스 오른쪽 클릭을 눌러서 WinMerge 아이콘을 선택하면됩니다. 물론 폴더별로 비교할수도 있습니다. 그러면 위와 같이 왼쪽 문서와 오른쪽 문서를 비교할 수 있는 화면이 뜹니다. 현재 저 두개의 문서는 완전히 동일하기 때..
인텔리제이에서 중복된 코드가 있을경우 Found duplicate code라고 노란줄이 뜨는것을 볼수가 있다. 눈에 거슬리기에 없애보기로 한다. 해결 방법은 File –>Settings –> Editor –> Inspections로 들어가서 General –> Duplicated Code 체크를 해제 해준다. 변경 이후에는 중복코드에 노란줄이 사라진 것을 볼 수 있다.
이클립스에서 프로젝트는 Workspace 별로 관리하게 되는데 기존에 사용하고 있는 환경설정을 새로운 Workspace에 적용하는 방법이 있다. 1. 현재 사용중인 Workspace 환경 설정을 Export한다. 이클립스에는 프로젝트에서 관리하는 데이터들을 다양한 형태로 출력할 수 있게 Export기능을 제공한다. Workspace 환경 설정 또한 Export가 가능하다. Export > General > Preferences 환경설정 화면에 보면 Preferences 에 나타난 것처럼 사용자가 정의해 놓은 설정값들이 있다. 리스트에서 저장하고자 하는 내용을 선택하고 디렉토리를 선택해서 파일을 저장한다. 2. Workspace에 저장한 환경설정을 적용한다. 새로운 Workspace에 저장한 환경설정을 I..