ETC
-
[CRC] CRC parity bit 계산 사이트ETC 2021. 9. 25. 12:00
https://www.lammertbies.nl/comm/info/crc-calculation?crc=123456789&method=ascii On-line CRC calculation and free library - Lammert Bies On-line CRC calculation sheet. Free CRC routines downloadable. Covers CRC-16, CRC-32, CRC-CCITT, DNP, Sick and other routines. www.lammertbies.nl 대략 10년 전 설비관제, 제어 업체를 다니던 시절에 parity bit 체크 테스트를 위해 접속했던 사이트로 기억한다. 또 찾을 일은 없겠지만 필요한 사람이 있을 듯 하여 링크를 올려둔다.
-
[WSL2] WSL Ubuntu에 실행한 Web이 host OS에서 localhost로 접속이 안되는 현상을 해결하는 간단한 방법ETC 2021. 5. 20. 21:45
이전에 WSL 기반 React 프로젝트가 npm start 명령어로 dev 서버를 실행해도 안되는 현상이 있어 해결방법을 기록해 둔적이 있었다. https://ddochea.tistory.com/140 이번엔 더 간단한 방법이 있어 기록해본다. vscode 실행전, Host OS에서 cmd에 아래 명령어를 실행한다. wsl --shutdown 그 다음 wsl vscode를 실행하면 된다. 그 뒤 localhost 접속가능여부를 확인해보도록 하자. (만약 안된다면, https://ddochea.tistory.com/140 를 시도해보도록 하자)
-
[디자인] CSS, Mobile App 개발시 유용한 사이트 모음ETC 2021. 5. 9. 23:17
웹 프론트엔드영역 개발시 필요한 사이트나 도구를 링크로 보관하고자 정리한 포스트 1. 구글 폰트(Google Fonts) 웹 폰트 및 아이콘 제공 및 검색할 수 있는 사이트. 구글에서 제공한다. fonts.google.com Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. Figma 목업(Mockup) 디자인 개발에 유용한 툴. 만든 디자인을 css, svg 로 export 할 수 있다. www.figma.com/ Figma: the collaborative interface design tool. Build better products as a team. Design..
-
[html] input file 태그를 커스터마이징하려면 label 태그를 이용해야 한다.ETC 2021. 5. 3. 21:48
input 태그는 그 자체로 디자인을 적용하기 까다로운 점이 있다. 따라서 디자인을 적용하고 싶다면 input 태그는 display: none; 으로 숨기고, label 태그를 연결한 뒤, label 태그에 CSS를 적용해야 한다. 아래는 input file tag와 label tag를 이용하여, 128 * 128 크기의 영역을 눌러 file 선택 창을 띄우는 방법 예시이다. css style 이 조금 가미되었지만 크게 중요하진 않다. 클릭하세요. 결과는 아래와 같이 나온다. 클릭하면 OS에 기본제공되는 파일 선택 화면이 표시된다.
-
[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" 라는 메시지가 표시된다. *..