ETC
-
[WSL2] WSL Ubuntu에 실행한 Web이 host OS에서 localhost로 접속이 안되는 현상을 해결하는 무식한 방법ETC 2021. 4. 25. 15:28
보다 간단한 방법을 https://ddochea.tistory.com/153 에 작성했습니다. 해당 방법을 먼저 시도해보시고, 안될경우 본 포스트 방법을 시도해보시기 바랍니다. WSL에 React 프로젝트를 생성하고 웹 접속을 테스트해보았다. 그런데 기본 접속 정보인 http://localhost:3000 로 접근이 되지 않았다. IP를 입력해서 접근할 순 있겠지만, 이렇게 되면 "Debugger for Chrome"을 통한 React 프로젝트 디버깅을 수행할 수 없다. 해결법을 찾았으나, 상당히 무식한 방법이었다. 만약 다른 네트워크 설정이 포함되어있다면 시도하지 않는 것을 추천한다. 1. 설정 이동 Windows 검색창에서 설정(Settings)를 찾아 연다. 2. 네트워크 및 인터넷(Network ..
-
[Web] querystring을 이용한 캐시 무시(cache busting) 요청은 javascript나 css같은 contents 에 한정된다.ETC 2021. 4. 14. 23:22
그저께 ASP.NET Core에서 캐싱을 활용하는 방법과 예제를 간략하게 다뤘었다. (ddochea.tistory.com/132) 그리고 오늘 관련해서 친구에게 문의가 왔었다. "querystring 값 다르게 하면 캐시 무시할 수 있냐?" 그 질문에 나는 당당하게 "ㅇㅇ" 이라고 대답했다. 왜냐하면 오래 전에 javascript가 캐싱된 일부 브라우저에 수정된 javascript를 일괄적용시킬 수 있도록 사용한 방법이 querystring 을 추가하고, 필요할때마다 값을 바꿔주는 것으로 해결했기 때문이었다. 이것을 "cache busting" 이라고 한다. What is cache busting? · Curtis Timson What is cache busting? · Curtis Timson A ca..
-
[Spring Boot] VSCode를 이용한 WSL2 기반 Java 웹 개발환경 구축ETC 2021. 4. 10. 17:29
지난시간엔 VSCode에 대한 자바 개발환경을 구축했었다. 콘솔개발환경이라면 그 정도로 마무리지어도 되겠지만, 국내에서 Java를 사용한다는 건 곧 Spring Framework를 쓰겠다는 말과 같으므로 Spring Framework 에 대한 세팅까지 완료되어야 진정한 개발환경 구축이라고 말할 수 있겠다. 선수되는 작업들은 아래 링크에 따라 진행한다. 1. OpenJDK 설치 : ddochea.tistory.com/129 2. VSCode Java 개발환경 준비 : ddochea.tistory.com/130 * 만약 WSL2 설정까지 진행하지 않았다면, www.44bits.io/ko/post/wsl2-install-and-basic-usage 를 참조해주기 바란다. 1. Spring Boot 관련 확장설..
-
[Java] WSL2 기반 VSCode에서 Java 개발환경 구축ETC 2021. 4. 10. 15:10
전 시간에 WSL2 기반 Ubuntu에 JDK를 설치했었다. (ddochea.tistory.com/129 참조) 이젠 개발툴을 준비할 차례이다. 개발툴은 제약 없이 무료로 사용가능한 Visual Studio Code를 사용할 계획이다. 1. Remote - WSL 설치 VSCode에서 Remote - WSL 확장을 설치한다. 2. WSL 원격 연결 설치가 완료되고 나면 메뉴의 "Remote Explorer"를 선택한다. 그러면 WSL TARGETS 가 나열된 메뉴가 표시된다. Java가 설치된 WSL 환경을 선택 한뒤, 마우스 오른쪽 버튼을 눌러 "Connect to WSL" 을 선택한다. 선택하면 새로운 VSCode 창이 열리는데, 하단에 "WSL: Ubuntu-20.04" 라는 메시지가 표시된다. *..
-
[Java] WSL2 기반 우분투에 AdoptOpenJDK 설치ETC 2021. 4. 10. 13:13
WSL2 기반에서 AdoptOpenJDK를 설치하는 중 겪은 삽질기를 정리하기위한 글. 딱히 삽질수준까진 아니지만 적어둔다. WSL2 에서 AdoptOpenJDK를 설치할 수 있다. 아래 링크에 접속하면 6단계의 셀 명령어를 안내한다. adoptopenjdk.net/installation.html#linux-pkg Installation | AdoptOpenJDK AdoptOpenJDK provides prebuilt OpenJDK binaries from a fully open source set of build scripts and infrastructure. Supported platforms include Linux, macOS, Windows, ARM, Solaris, and AIX. adopt..
-
[Github] Github Action으로 테스트자동화 및 npm에 자동배포하기ETC 2021. 3. 28. 21:51
작년 이맘때 npm 배포를 익혀볼 겸 만들었던 nodeJS 기반 CLI 툴이 있었다. "shellcut" 이란 이름을 가진 tool이며 0.0.2 버전을 끝으로 사실상 관리는 안하고 있었다. 그러다 Github Action으로 배포자동화를 경험해볼 겸 끄집어 내었다. 기존 프로젝트는 테스트환경과 사용환경 구분 없이 npm global 설치위치에 shellcut 파일을 생성하고 있었다. 따라서 jest를 이용한 단위 테스트시 실제 사용하는 영역을 건드리는 불상사(?)가 있었다. 0.0.3은 이 불상사를 제거한 버전이며, cross-env 패키지를 추가 적용했다. 1. npm 로그인 및 access token 생성 npm 사이트에 로그인 후 계정 아이콘을 눌러 Access Tokens 메뉴를 선택한다. 선택..
-
[SSH] AWS Lightsail 인스턴스에 Visual Studio 연결ETC 2021. 3. 13. 13:09
Visual Studio 에서 서버에 접근하여 원격 연결을 하기위한 방법을 정리한다. 이번 예제는 인스턴스에 관련 설정이 사전에 설정되어 있어야 진행할 수 있다. Lightsail에 대한 SSH 연결설정은 ddochea.tistory.com/116 에서 확인할 수 있다. 1. Visual Studio SSH 설정 Visual Studio 에서 "도구(T)" -> "옵션(O)"을 선택한다. 옵션창에서 "플랫폼 간" -> "연결 관리자" 메뉴를 찾아 선택한 뒤, "추가" 버튼을 누른다. 선택하면 아래와 같은 창이 나온다. 관련 정보를 입력 한 뒤, 연결을 클릭한다. 호스트 이름 : Lightsail 인스턴스의 퍼블릭 IP를 입력한다. 사용자 이름 : 인스턴스에서 사용하는 계정을 의미하며, 별도의 설정없이 인..