코딩하는 둥둥

Conflict: Multiple assets emit different content to the same filename index.html 프로젝트 폴더명에 괄호나 특수문자가 포함되면 생기는 오류 프로젝트 폴더 명을 수정했더니 정상적으로 npm run serve가 실행되었다. References. https://www.inflearn.com/questions/458158

VSCode 단축키 기본 편집 ctrl + X : 잘라내기 ctrl + C : 복사 ctrl + shift + K : 행 삭제 ctrl + Enter : 코드 중간에서 아래에 빈 행 생성후 이동 ctrl + shift + Enter : 코드 중간에서 위에 빈 행 생성후 이동 Alt + ↑ : 커서가 있는 행을 윗줄로 옮겨 순서 변경 Alt + ↓ : 커서가 있는 행을 아랫줄로 옮겨 순서 변경 ctrl + / : 한줄 주석 ctrl + shift + [ : 커서 영역 접기 ctrl + shift + ] : 커서 영역 펼치기 검색 편집 ctrl + G : 행(라인 번호)로 이동 ctrl + P : 빠른 파일 열기 ctrl + F : 찾기 ctrl + shift + F : 전체 파일에서 찾기 ctrl + H ..

Error: getaddrinfo ENOTFOUND {{url}} 보통 테스트 환경에 따라 서버 Ip가 다르기때문에 편리하게 사용하기 위해 url을 환경변수에 세팅해 사용한다. 회사에서 기존에 작성된 collection을 받아 사용하게 되었는데 환경변수를 설정해주지 않아서 에러가 발생했다. 발생 원인 1. 환경변수 설정을 하지 않아서 url에는 환경변수가 사용되어있는데 Postman에서 환경변수 설정을 하지 않았을 경우 에러가 발생한다. 해결 : 환경 변수 설정 환경 설정 페이지로 이동 Add버튼을 눌러 환경을 추가 환경의 이름, 사용할 변수 등을 지정 발생 원인 2. 환경변수 설정 중 Current Value를 Intial Value와 맞춰주지 않아서 환경 변수 설정 중 Current Value와 In..

Postman API를 개발, 테스트, 공유 및 문서화하는 데 사용되는 API 클라이언트(도구) 엔드 포인트 URL을 입력하는 테스트에 사용되며 서버로 요청을 보내고 서버에서 응답을 받아 API가 잘 동작하는지 확인한다. 모바일 개발, 프론트엔드, 백엔드에 모두 유용하게 쓸 수 있다. 개발된 API를 테스트하여 문서화 또는 공유 할 수 있도록 해주고, 컬렉션(Collection)에 내가 사용했던 API들을 모아 볼 수 있어서 재사용 가능한 API를 만들 수 있다. Postman의 호출 방식 Query String이 포함된 GET 방식 호출 JSON이 사용된 POST 방식 호출 🔗 Postman References. https://inpa.tistory.com/entry/POSTMAN-%F0%9F%92%B..

SVN eclipse에서의 SVN 설치 Help > Eclipse Marketplace SVN 검색 Subclipse ver. install confirm > 라이센스 동의(I accepted the terms of the license agreement) > Finish Intall anyway > Restart Now eclipse에서의 SVN 연동(SVN Repository 활성화) Window > Show View > other.... SVN 입력 > SVN Repositories > open 뷰 탭에 SVN Repositoies 활성화 References. https://ssd0908.tistory.com/entry/STS%EC%9D%B4%ED%81%B4%EB%A6%BD%EC%8A%A4Eclip..

SVN Repository Commit 프로젝트 우클릭 > team > Synchronize with Repository 원격 Repository와 싱크 맞추기. Team Synchronizing Perspective에서 화살표(기호) 확인 Referencese 참고! References. https://mchch.tistory.com/256 https://dlagusgh1.tistory.com/779

java.lang.ClassNotFoundException: org.apache.catalina.startup.VersionLoggerListener 기존 프로젝트를 새롭게 import 하고 실행했을 때 발생한 오류이다. 처음에는 maven 오류인줄 알았으나, 해당 프로젝트에서 maven과 gradle을 사용하지 않았다. 그 이후에는 JDK와 tomcat 문제로 생각해 tomcat 다시 생성하고 java build path 수정했는데 오류가 계속 발생했다. stackoverflow와 이 블로그에 따르면 java.lang.ClassNotFoundException: org.apache.catalina.startup.VersionLoggerListener오류는 프로그램 실행 중 객체를 생성할 때 클래스를 찾지..

클라이언트 사이드 렌더링(CSR) 클라이언트인 브라우저가 렌더링을 처리하는 방식 서버에서 전체 페이지를 한번 렌더링해 보여주고, 사용자가 요청할 때마다 리소스를 서버에서 제공받아 클라이언트가 해석하고 렌더링하는 방식 브라우저에서 JavaScript로 콘텐츠를 렌더링 하는 것 SPA 트렌드와 CPU 성능 상승 + JS 표준화(리액트, 뷰, 앵귤러등의 프레임 발전)와 함께 본격적으로 시작되었다. ✔ SPA 장점 네이티브 앱과 비슷한 빠른 인터렉션을 구현할 수 있다. View 렌더링을 브라우저에게 담당시키으로서 서버 트래픽을 감소시키고, 사용자에게 더 빠른 인터렉션을 제공한다. 새로고침이 발생하지 않아 사용자가 네이티브 앱과 비슷한 경험을 할 수 있다. 각 클릭이 너무 오래 걸리지 않도록 하는데 도움이 될 수..

검색 엔진 최적화 (SEO) Search Engine Optimization 구글, 네이버와 같은 검색엔진에서 찾기 쉽도록 사이트를 개선하는 프로세스를 말한다. 웹사이트나 웹페이지를 검색엔진이 쉽게 발견(discovery)하고, 읽어가서(crawling), 색인하고(indexing), 상위 노출(ranking)시켜 자연 유입되는 트래픽의 양과 질은 높일수 있도록 관련 검색 알고리즘의 특성을 고려해 웹사이트의 구조나 콘텐츠를 개선하는 작업 References. https://www.ascentkorea.com/what-is-seo/

서버 사이드 렌더링 (SSR) 서버에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식 JSP/Servlet의 아키텍처에서 클라이언트(브라우저)가 서버에 매번 데이터를 요청하여 서버에서 처리하는 방식 클라이언트에서 요청이 들어올 때마다 매번 서버에서 새로운 화면(View)를 만들어 제공 서버가 화면(View)를 그리는 주체가 된다. 장점 첫 페이지 로딩 속도가 클라이언트 사이드 렌더링에 비해 더 빠르다. 해당 첫 페이지에 해당하는 문서만 브라우저에게 전달해 브라우저가 렌더링하기때문에 초기 로딩 속도가 클라이언트 사이드 렌더링에 비해 더 빠르다. 검색엔진최적화(SEO)가 가능 단점 초기 로딩 이후 페이지 이동 시 속도가 다소 느리다. 페이지 이동 시마다 클라이언트가 서버에게 필요..