준준의 기록일지

이번에 사용자 포탈에 war파일을 배포해서 업데이트를 했는데, 로컬에서 브라우저로 포탈에 접속할때 기존 캐시 파일로 인해 수정이 안되는 문제가 발생했다. 로컬에서 강력 새로고침을 하면 캐시파일이 없어지고 업데이트된 js파일을 가져올 수 있지만, 이 방법은 단편적이기 때문에 근본적인 문제 해결이 필요했다. 방법 파일 경로에 임의의 쿼리스트링( 단순 인자)를 추가한다. 쿼리스트링 추가이기 때문에 실제 파일 경로나 파일명을 바꿀 필요는 없다. 이렇게 추가된 쿼리스트링 명만 바꿔도 다른파일로 인식하기 때문에 서버 관리도 편하다. css ex)

CSS in JS란? 스타일 정의를 CSS파일이 아닌 Javascript로 작성된 컴포넌트에 바로 삽입하는 스타일 기법이다. 기존 웹사이트를 개발할 때는 HTML, CSS, JavaScript를 각자 별도의 파일에 두는 것을 BEST로 여겼으나 React, Vue, Angular로 인해 개발 페더라임이 바뀌고 있다. 최근에는 웹 애플리케이션을 여러 개의 재활용이 가능한 빌딩 블록으로 분리하여 개발하는 컴포넌트 기반 개발 방법이 주류가 되고 있다. 따라서 웹페이지를 HTML, CSS, JavaScript 3개로 분리하는 것이 아니라, 여러 개의 컴포넌트로 분리하고 각 컴포넌트에 HTMl ,CSS, JavaScript을 몽땅 때려 박는 패턴이 많이 사용되고 있다. React는 JSX를 사용해서 이미 Java..