그냥 코딩방

티스토리에서는 CSS를 통해 직접 블로그 스킨 꾸미기가 가능하다
무료 배포된 커스텀 스킨 중에 유명한 키키 스킨이 있다
그런데 배포된 버전을 다운받아 보면 아래와 같이 CSS가 깨진 것을 확인할 수 있다

 
우측에 목차가 지정된 width를 넘어가서 생긴 추가 영역엔 배경색 적용이 빠져있었다
배포받은 CSS 파일을 열어서 해당 부분 수정에 나섰다
 

원인은 중앙에 게시글이 있는 부분이 화면 크기에 따라 조절이 되지 않아서 생긴 문제였다
해당 부분에는 article이라는 클래스가 적용되어 있었는데
위와 같이 해당 클래스는 1000으로 폭이 고정되어 있었다
이를 사용자 화면에 따라 변동하도록 수정했다
 

폭을 전체 화면에서 우측 목차의 크기(260px)과 좌측 여백의 크기(60px)만큼을 제외한 사이즈로 계산해줬다
 

이를 적용했더니 위와 같이 화면에 딱 맞는 크기로 구성 요소들이 들어가서 CSS가 원하는 대로 적용됐다!!

문제 상황 및 원인

jQuery를 이용해 id 값으로 특정 태그를 불러오는데

id 값에 '/'가 포함되어 있어서 오류가 발생

해결방안

`jQuery.escapeSelector()`를 이용하여 특수문자 처리

문제 상황

js 파일에서 다른 js 파일을 import 하는 과정에서 아래 오류 발생

Uncaught SyntaxError: Cannot use import statement outside a module

해결 방안

js 파일을 호출하는 jsp 파일의 script 태그에 `type="module"`이라는 속성과 값을 추가

    <!-- Render dashboard charts -->
    <script type="module" src="/resources/admin/js/dashboard-analytics-injection.js"></script>

원인 및 해결방안

매칭되는 생성자가 존재하지 않음

해결을 위해 같은 이름의 생성자를 추가함

https://just-coding-room.tistory.com/50

에러 상황

종종 index 페이지에서 정상적으로 서버를 실행했을 때, 바로 에러페이지로 이동

원인

url에 파라미터로 jsessionid 가 들어와서 FrontController에서 경로를 잘못 파싱함

<c:url> 태그를 사용할 경우 발생하며 정상적인 동작임

해결방안

하지만 에러페이지로 가는 상황을 막기 위해 아래 블로그를 참고하여 web.xml 파일에 session-config 영역을 추가

https://offbyone.tistory.com/339

https://just-coding-room.tistory.com/51

에러 상황

error.do로 무한 리다이렉션 된다
web.xml에 지정해놓은 대로 404가 계속 발생함
 

원인

style.css에 배경사진 경로가 지정되어 있는데 그 사진을 삭제해서 파일을 못 찾았음

해결방안

사진 파일을 동일한 이름으로 위치 시키니 배경 사진이 돌아옴과 함께 문제 해결

에러 상황

에러 상황

깃을 사용해서 협업하면서 양쪽에서 commit을 진행해 충돌이 나는 경우가 있다

이번 팀프로젝트에서 팀원이 이런 일을 겪었고 소스트리에서의 해결방안을 정리해 봤다

문제 상황

소스트리에서 보면 위와 같이 로컬의 main 브랜치와 원격의 origin/main 브랜치가 갈라진 걸 볼 수 있다

이 경우에는 갈라지는 부분의 커밋 (현재는 '[CTRL] CheckPw 서블릿 삭제' 커밋)으로 되돌려야 한다

이 과정에서 본인이 작업한 내용은 삭제되니, 작업한 파일을 깃 외부에 복사해 두자

해결 방안

되돌리고 싶은 커밋 위에서 우클릭을 하고 'main 를 이 커밋으로 초기화'를 선택한다

위와 같은 창이 뜨면 모드를 Hard로 선택한다

모드에 따라 되돌리는 방식이 달라지는데 Hard는 진짜 모든 걸 되돌린다는 뜻이다

(== 내 작업을 삭제하고 완전히 선택한 commit 시점으로 되돌림)

작업을 삭제하는 위험한 작업이기에 경고창이 한 번 뜬다

확인을 클릭

이렇게 하면 내 main 브랜치가 되돌린 commit 위치로 갔음을 확인할 수 있다

이 상태에서 pull 해주면 원격에 origin/main 브랜치와 같은 위치로 갈 수 있고

이제 아까 외부에 복사해 둔 파일을 보고 다시 작업을 하고 푸쉬를 하면 된다

Mac에 도커로 오라클을 설치한 환경이고 ORA-12505 에러가 발생했다

챗gpt에게 먼저 물어봤다

나는 2번을 통해 해결했다

listener.ora 파일의 위치는 위와 같다

위에 보이는 2번째 SID_DESC를 추가해줬다

아마도 이클립스를 통해서 제대로 연결했다면 자동으로 xe sid가 생성됐어야는데 그걸 제대로 못해줘서 그런 듯하다

이게 원인이 아니었다.. 다른 방법으로 해결함.. 다시 포스팅 할 예정