웹개발

AWS EC2 인스턴스에서 웹 애플리케이션을 실행하기 위한 환경을 구축할 때, Java 웹 애플리케이션 서버인 Tomcat의 설치는 필수적입니다. 이번 포스팅에서는 Ubuntu 기반의 EC2 인스턴스에 Tomcat을 설치하고 실행하는 방법을 단계별로 알아볼께요. 1단계: 시스템 패키지 업데이트 Tomcat 설치 전, 사용 중인 Ubuntu 시스템의 패키지 목록을 최신 상태로 업데이트하여 모든 패키지가 최신 버전으로 유지되도록 합니다. 터미널에서 다음 명령어를 실행합니다. $ sudo apt-get update 2단계: Tomcat 설치 시스템 패키지가 최신 상태로 업데이트되면, 다음 명령어를 사용하여 Tomcat을 설치합니다. 아래코드를 이용해서 Tomcat 9을 설치 합니다. 만약 Tomcat 8을 설..

같은 속성 코드의 CSS가 작성됐을 경우, 웹 개발 과정에서 CSS 스타일 충돌은 흔하게 발생합니다. 특히, 여러 스타일 시트가 적용되거나 외부 라이브러리와 함께 작업할 때, 원하는 스타일이 예상대로 적용되지 않는 상황이 발생할 수 있어요. 이럴 때, 원하는 스타일을 강제로 적용하고자 할 때 유용한 도구가 바로 CSS의 !important 속성입니다. !important를 적절히 사용하면, 특정 스타일 선언의 우선순위를 높여 다른 스타일 규칙을 무시하고 적용시킬 수 있어요. 이 글에서는 !important 사용 방법과 그 주의사항에 대해 알아볼게요. CSS !important 사용한 이유 제가 이번에 티스토리 스킨을 변경했답니다. 티스토리 스킨 변경 후 figure 이미지가 콘텐츠 영역을 벗어나는 문제가..

블로그 페이지 로딩 시간은 방문자의 첫인상과 사용자 경험에 큰 영향을 미칩니다. 특히 구글 애드센스나 카카오 애드핏과 같은 광고를 포함한 페이지는 로딩 시간이 길어질 수 있어, 방문자가 완전히 로드되지 않은 페이지를 보게 되는 경우가 종종 있습니다. 이러한 문제를 해결하기 위해, 모든 콘텐츠가 로드될 때까지 안내하는 매력적인 로딩 화면을 구현하는 방법을 소개합니다. 1. 로딩 이미지 준비하기 로딩 화면의 첫 단계는 적절한 로딩 이미지를 선택하는 것입니다. 로딩 이미지는 방문자에게 페이지가 여전히 로드 중임을 알리는 동시에 기다림의 답답함을 줄여줍니다. 구글이나 네이버에서 '로딩 이미지'를 검색하거나, ICONS8( https://icons8.com/icons/set/loading)같은 사이트에서 다양한 ..

구글 서치 콘솔에서 "특정 조건이 충족되는 경우에만 URL의 색인이 생성됩니다."라는 메시지가 떴을 때 당황하게 됩니다. 좋은 콘텐츠를 작성했고, 페이지 뜨는 속도도 빠른데 왜 뜨는것일까요? 이는 구글이 당신의 웹 페이지를 색인 생성에 포함시키기 위한 몇 가지 기준을 충족시키지 못했다는 것을 의미합니다. 이 문제를 해결하기 위해서는 구글이 웹 페이지를 색인으로 만들기 위해 요구하는 조건들을 확인하고, 해당 조건들을 만족시켜야 합니다. 다음은 이 오류 메시지가 나타날 수 있는 몇 가지 일반적인 원인과 해결 방법입니다. 1. 특정 조건이 충족되는 경우에만 URL의 색인이 생성된다는 경고 메세지 받음 저는 글을 작성하고 구글서치콘솔에서 수동으로 글을 등록합니다. 사이트맵을 등록하면 자동으로 되지만 오래걸리거든..