웹개발 일지

IDE로 Eclipse를 사용하여 작업하는 환경에서 기존에 생성되어있는 java 파일을 작업하던 중 수정 후 저장을 시도하는 순간아래와 같은 메시지창이 표출되었다. Eclipse Save could not be completed. Try File > Save As... if the problem persists. Reason: Some characters cannot be mapped using "EUC-KR" character encoding. Either change the encoding or remove the characters which are not supported by the "EUC-KR" character encoding. 해당 메시지에서 안내해주는 원인은 EUC-KR 인코딩이 지원되..

캐시 시스템을 사용하는 이유 DB, API 등의 호출이 빈번한 경우 서버에 많은 요청으로 인한 부하를 방지하기 위함이다. 캐시 시스템하면 가장 대표적이고 많이 비교하는 캐시 시스템인 Memcached와 Redis에 대하여 확인해 보았습니다. Memcached 특징 멀티스레드 지원 스케일업 시 성능 향상 가능 LRU 알고리즘만 채택 Master/Master 리플리케이션 지원 Consistent Hashing을 통한 데이터 분산 지원 Redis 특징 싱글스레드 지원 다양한 데이터 구조 지원 스냅샷 복제 트랜잭션 Pub(발행) Sub(구독) 메시지 패턴 지원 루아 스크립트 지원 위치기반 데이터 타입 지원 다양한 data eviction 전략 지원 Memcached를 채택하는 경우 캐싱하고자 하는 데이터가 단순..

view 작업을 할 때 다양한 jsp, php, react 등 다양한 언어를 사용한다. 이를 이용한 결과물을 브라우저에서 서비스를 제공하는 경우 작업 결과물은 html로 표출이 된다. 필자는 jsp 환경에서 작업을 하던 중 html input 태그에 reonly 속성을 주어 사용자가 직접 값을 입력하지 못하도록 의도하였으나 브라우저 상에서 테스트를 진행하였을 때 값을 입력할 수 있는 경우가 확인 되었다. 작업한 소스는 아래와 같이 태그에 readonly="readonly" 속성을 작성하였다. 읽기만 가능합니다. 브라우저 개발자모드로 확인한 html 소스는 아래와 같이 잘 적용되었으나 클릭 후 입력이 가능하여 readonly의 목적인 읽기 전용의 역할을 수행하지 못하였다. 확인 결과 필자의 작업 환경은 h..

React 프로젝트를 진행하던 중에 react-bootstrap을 적용하기 위해 해당 패키지를 설치 후 작업을 진행하였다. 작업을 두대의 기기에서 번갈아가며 진행하는 상황이었다. 처음 작업을 진행하였던 1번 기기에서는 패키지 설치치 후 bootstrap이 잘 적용되는 것을 확인하였다. 문제는 2번 기기에서 작업한 소스를 git pull 진행 후 로컬에서 구동을 진해하였으나 아래와 같은 에러 메시지가 발생하였다. PS 프로젝트경로> npm run start npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. npm WARN npm npm does not support Node.js v16.1..

발단 화면 진입하여 생성된 토큰 값을 서버로 보내 검증하는 작업을 진행하던 중 동일한 기능을 여러 페이지에 삽입하던 중 특정 페이지에서 토큰 값이 일치하지 않다는 오류 로그를 확인하게 되었음. 원인 디버깅과 로그를 확인하며 원인을 찾아보던 중 의심이 가는 부분을 확인하였음. 확인한 로그에서는 토큰을 두번 생성하고 있었음. 두 번 생성한 원인은 해당 페이지를 재호출하는 것으로 확인이 되었음. 개발자 모드로 화면이 로드되는 과정을 한라인씩 따라가 보았지만 JavaScript 부분에서는 호출되는 부분을 확인할 수 없었음. 페이지 내에 라인 별로 콘솔창에서 확인할 수 있도록 콘솔 로그를 삽입한 결과 특정 라인 이후로 콘솔 로그까지 표출되었다가 다시 처음부터 콘솔 로그가 표출되는 것을 확인하였음. 확인된 부분은 ..

Windows 환경에서 Linux 운영체제를 사용하고자 하는 경우 기존에는 VMware와 같은 별도의 가상 머신 프로그램을 이용해야 했었다. VMware를 사용하면 로컬PC가 너무 무거워져서 다른 방법을 확인해보았다. Windows 환경에서 직접 Linux 애플리케이션을 실행할 수 있는 기능을 지원하는데 이 기능이 WSL(Windows-Subsystem-Linux), 즉 "Linux용 Windows 하위 시스템"이다. WSL은 버전 1과 버전 2가 존재한다. WSL2는 기존 버전보다 아래와 같은 이점이 있기에 업데이트하여 사용한다. 파일 시스템 성능 향상 : apt 관련 작업에 대한 속도 향상 전체 시스템 호출 호환성 지원 : Linux 커널이 포함되어 언제든 업데이트가 가능함. WSL2 설치 과정을 시..

Windows 환경에서 WSL2 사용을 위해 관련 설정을 변경하고 재부팅을 하였는데 기존에 잘 사용하고 있던 LAN 인터넷 연결이 되지 않는 것이 확인이 되었다. 자세히 설명하면 제목과는 조금 다르게 WSL2를 설치하기 전 설정을 적용하고 연결이 안되었던 것으로 보인다. 우선 설정을 변경한 부분은 아래와 같다. dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart 두 명령어를 진행하였는데 해당 명령어는 "Windows 기능 켜기/끄기" 메..

API를 호출하여 결과를 DB에 수집을 하는데 어느 날부터 수집이 되지 않아 확인을 해보았음. 오류파악 API를 호출하여 저장하는 WAS의 LOG를 확인해 보았는데 해당 부분에 아래와 같은 ERROR LOG가 확인되었음. Unexpected character (n) at position [nember]. 관련 LOG는 JSON 파싱 중 문법에 맞지 않은 데이터 형식을 파싱 하려고 할 때 나타나는 에러 메시지로 확인하였고 상세하게는 JSON 데이터에서 number 번째에 문자 "n"으로 시작하는 부근에 구문 오류가 있다는 것이다. 일일이 API 결과 데이터를 눈으로 보는 건 정말 비효율적이기 때문에 해당 API를 브라우저에서 호출하여 결괏값을 JSON validation 사이트를 통하여 검증을 진행하였다...