프론트 개발 블로그

소스 충돌 해결 하고자 compare 화면을 보고자 했는데 소스 비교 화면이 보이질 않음. 이클립스가 평소에도 느려서 이클립스 문젠가 싶었는데, Javascript 비교 버그 중 하나라고(StackOverflow) 함. window >> preferences >> compare/Patch open structure compare automatically 체크박스 해제 (읽어보기) -> Javascript 비교 관련 버그라고 한다. https://stackoverflow.com/questions/10457639/eclipse-compare-editor-stopped-showing-detailed-differences

SASS Function을 활용한 px -> rem 단위 변환 // px to rem $rem-base: 16px !default; // STRIP UNIT // 측정 단위를 제거하고 반환 @function strip-unit($num) { @return $num / ($num * 0 + 1); // 10 / 10 * 0 + 1 } // CONVERT TO REM @function convert-to-rem($value, $base-value: $rem-base) { $value: strip-unit($value) / strip-unit($base-value) * 1rem; @if($value == 0rem) { $value: 0; } @return $value; } // REM CALC // rem-c..

https://jobc.tistory.com/177 git push, pull (fatal: refusing to merge unrelated histories) 에러 원격 저장소를 remote로 설정하고 바로 push를 하면 몇가지 오류가 발생할 수도 있다. 예를 들어 아래와 같은 오류 메시지이다. 1 2 ! [rejected] master -> master (non-fast-forward) error: failed to push som.. jobc.tistory.com 위으 블로그 덕분에 해결할 수 있었음. 1. git push origin main 실행 시 아래와 같이 rejected 발생 ! [rejected] main -> main (non-fast-forward) error: failed to..

response.sendError(HTTP상태코드, 에러메세지) HttpServletResponse : HTTP 응답정보를 처리하는 객체 https://velog.io/@jihyeonee/%EC%8A%A4%ED%94%84%EB%A7%81-MVC-2%ED%8E%B8-%EC%98%88%EC%99%B8-%EC%B2%98%EB%A6%AC%EC%99%80-%EC%98%A4%EB%A5%98-%ED%8E%98%EC%9D%B4%EC%A7%80 https://tomcat.apache.org/tomcat-5.5-doc/servletapi/javax/servlet/http/HttpServletResponse.html

https://itworldyo.tistory.com/136 submit 중복 클릭 막기 submit 중복 클릭 막기 중복 클릭으로 인해 가장 많이 발생하는 문제가 있습니다. 폼을 전송할 때 클릭이 2번 이상 발생하면서 폼이 2번 전송되어 2중으로 저장되는 경우입니다. 이러한 경우에 itworldyo.tistory.com 버튼 클릭 시 중복 이벤트 방지 // 클릭 시 버튼 비활성화 $('#btn').prop('disable', true); OR const btnElem = document.querySelector('#btn'); btnElem.addEventListener('click', function(e) { this.setAttribute("disabled", "disabled"); // Submi..

기종 Viewport 화면 사이즈 (W x H) 해상도 Phys. (W x H) 인치 DPR (Device Pixel Ratio) Galaxy Flip3 384 x 939 1080 x 2640 260 x 512 6.7 2.8125 Galaxy Flip2 6.7 Galaxy Flip 412 x 1004 1080 x 2636 112 x 300 6.7 Galaxy Z Fold3 접힌화면 320 x 872 넓은화면 674 x 842 접힌화면 840 x 2289 넓은화면 1769.25 x 2210.25 2.625 Galaxy Z Fold2 884 x 1104 1768 x 2208 7.6 2 Galaxy Fold 768 x 1076 1536 x 2152 7.3 2

[리눅스] 환경변수(path)확인 echo $PATH

문제발생 뜬금없이 라이센스의 CA인증서가 없거나 올바르지 않다고 에러가 발생. 원인 이클립스 내에서 Git 을 사용하고 있고, 따로 Git bash 쉘 프로그램을 사용하고 있는 경우 Git bash 에서 이클립스 Git 셋팅에 Autocrlf 를 true 시켜서 문제가 발생됨. Autocrlf 은 강제로 문자를 줄바꿈하기 때문에 텍스트라고 판단되는 파일의 경우 깨지는 현상이 발생됨. 해결방안 git bash 에서 autocrlf 를 false 시켜줌 git config --global core.autocrlf false git config --list https://revf.tistory.com/entry/%EC%9D%B4%ED%81%B4%EB%A6%BD%EC%8A%A4%EC%97%90%EC%84%9C-..

'Starting Tomcat v8.5 Sever at localhast' has encountered a problem. 에러 발생 이클립스에서 작업 중 오류가 발생하여 강제 종류 후 위와 같은 에러 팝업이 노출됨. 이클립스는 강제 종료 됐지만, 톰캣 서버는 여전히 실행중이어서 위와 같은 에러가 발생됨. 해결방법 위의 톰캣 서버를 끄면 되는 것. 1. 명령프롬프트를 통해 kill 시킴 netstat -ano | findstr 8080 // 문제 되는 포트 찾기 // 위와 같이 조회 시에 해당 포트의 식별자와 상태가 나타남 taskkill /F /pid 23233 // 23233이 식별자이며, 해당 프로세스를 종료 시킴 nestat -ano 포트를 사용하는 프로세스 id 를 보여줌 nestat 상태 ES..

https://dololak.tistory.com/795 [이클립스] Eclipse IOConsole Updater 오류 원인 및 해결 방법 Eclipse IOConsole Updater 오류 원인 및 해결 방법 가끔 이클립스에서 아래와 같이 'IOConsole Updater has encountered a problem.' 이라는 문구와 함께 오류가 나는 경우가 있습니다. Java Heap 메모리에서 문.. dololak.tistory.com 이클립스에서 'IOConsole Updater' has encountered a problem. An internal error has ocucurred. 에러 Details 확인 시 Java heap space 에서 문제가 발생했다고 나와있음. 이클립스를 몇일 ..