웹 개발을 하다 보면 브라우저마다 기본적으로 적용되는 스타일이 다르다는 것을 알 수 있습니다. 이를 해결하기 위해 CSS 초기화를 적용하면, 모든 브라우저에서 일관된 스타일을 유지할 수 있습니다. 여러 방법 중 2가지 방법을 알아봅시다.1. 기본적인 CSS Reset 적용 (reset.css)아래 코드는 모든 요소의 기본 마진과 패딩을 제거하고, 브라우저 간 스타일 차이를 줄이기 위한 초기화 CSS입니다.html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, sam..
분류 전체보기
오늘 알아볼 내용은 VMware를 통해 Rocky Linux 9을 설치하는 것이다. 2024년 6월 30일 CentOS Linux 7이 종료함으로 CentOS와 가장 비슷한 Rocky Linux로 대체하기로 했다.우선적으로 예전 글을 참고해 VMware를 설치해주자. [설치 가이드 링크]아래 Rocky Linux 공식 홈페이지로 들어가 최신 버전으로 설치해보자. 2024년 05월 22일 기준 9.4가 Latest Version이니 필자의 경우 9.4버전으로 진행하겠다. Download - Rocky LinuxDownload Download the latest Rocky Linux versions here. Get Involved As you download and use Rocky Linux, the R..
오늘은 윈도우OS (Windows)에서 VMware (가상머신)을 설치해볼 것이다. 필자의 경우 설치 이유는 가상머신을 파티셔닝(Partitioning)이후에 Linux (Rocky Linux 9)을 설치해볼 예정이며 개발 관련된 다양한 테스트를 해볼 수 있는 환경을 설정할 것이다. 1. Virtual Machine(가상머신) 선택우선 가상머신을 설치할 툴을 선택하자. 다른 블로그 글들을 읽어보아 VirtualBox보단 VMware이 성능적, UI편리적으로 더 좋은 것으로 보이니, 상업용으로 사용할게 아니라면 VMware를 설치하는 것을 추천한다.1. VMware (상업용 유로) - https://www.vmware.com/products/workstation-player/workstation-playe..
개발자는 보통 프로젝트를 개발하며 다양한 환경을 마주칩니다. 예를 들어 본인 컴퓨터에서 서버를 run시킬때 localhost:8080을 주로 사용하고, 그 이외에도 개발 테스트 서버 및 운영 서버가 따로 구분되어 있을 확률이 높습니다. 테스트를 진행할때 환경에 따라 Url 및 DB접근 IP등등 다양한 요소가 바뀌어야할 수 있습니다. 이를 테스트 환경에 따라 주석으로 바꾸는 방식 매우 비효율적이며 오류가 발생할 확률이 높음으로 분기처리 로직을 활용하여 개발하는게 좋을 수 있겠다는 생각을하게 됐습니다.분기처리public void domainTest(HttpServletRequest request, HttpServletResponse response) throws Exception { //Domain ..
웹 프로그래밍을하며 처음에 서버를 가동시킬때 WEB과 WAS가 따로 있다는 것으로 알게 되어 궁금한 점들이 많았습니다. 혹시라도 신입 개발자들 본다면 이 내용을 간단하게 이해하면 좋을 것 같아서 짧은 글을 남겨봅니다. 1. WEB Server웹(Web)은 인터넷을 통해 정보를 공유하는 공간을 말합니다. 여기서 ‘웹’이라고 할 때 주로 생각하는 것은 '웹사이트'입니다. 웹사이트는 웹 서버에 호스팅되며, 사용자는 웹 브라우저를 통해 접근할 수 있습니다. 웹 서버는 HTML 문서나 이미지 같은 정적 컨텐츠를 제공하는 역할을 합니다. (*Resources HTML, CSS, JavaScript 프론트에서 직접 볼 수 있는 것) 2. WAS (Web Application Server)WAS는 ‘웹 애플리케이션..
오늘 포스팅할 소스는 Iframe URL을 Post방식으로 파라미터 파싱하는 방법이다. [Jquery/Javascript] $(document).ready(function(){ var loginform= document.getElementById("loginForm"); loginform.style.display = "none"; loginform.submit(); }); [HTML] Your browser does not support inline frames. Jquery/Javascript를 활용하여 페이지가 준비되면 iframe Url로 데이터를 넘기는 방식이다. 크롬 개발자 도구로 Payload를 확인해보면 결과는 다음과 같다. loginId 및 passwordId 파라미터 결과 값이 정상적으로..
