본문 바로가기

분류 전체보기361

[ETC] CSS CSS 📌 CSS : 웹 문서의 디자인 요소 담당. 📌 선택자와 선언부로 구성. - 선택자 : 디자인을 적용하고자 하는 HTML 요소. - 선언부 : { }. 다수의 속성 포함. - 속성 : '속성:값;'으로 표현. 스타일 시트 📌 CSS를 HTML에 적용하는 방법 ① 인라인 스타일 시트 : HTML 태그에 CSS 속성 정의. ② 내장 스타일 시트 : HTML 문서의 부분에 CSS 정의 부분 포함. ③ 외장 스타일 시트 : 별도의 CSS 파일 생성 후, HTML 문서에 링크로 포함. 셀렉터(Selector) 📌 셀렉터(Selector) == 선택자 : HTML 문서에서 특정 부분을 선택하지 위한 구문. 태그 셀렉터 📌 태그 셀렉터 : HTML의 기본 구성 요소. 공통 디자인 속성 정의할 때 사용. 📌 태.. 2022. 11. 2.
[ETC] HTML HTML 📌 HTML : HyperText Markup Language. 웹 브라우저가 서버로부터 수신하는 데이터 구조. 📌 하이퍼텍스트(HyperText) : 다른 정보와 연결된 텍스트. 📌 마크업 언어(Markup Language) : 텍스트에 의미를 부여하기 위해 문서에 주석을 다는 표현 시스템. HTML, XML 등 💡 HTML과 XML HTML : 사용할 수 있는 태그 종류가 정해져 있음. XML : 자신만의 규격 정의 가능. 태그(Tag) 📌 태그(Tag) : 종료 태그 앞에는 /가 붙음. 📌 태그의 특징 ① 모든 태그가 종료 태그를 가지는 것은 아님. ② 태그 이름은 대소문자를 구분하지 않음. ③ 태그에 추가적인 정보 부여는 속성을 사용함. 속성(Attribute) 📌 속성(Attribute.. 2022. 11. 2.
[Spring] 개발에 사용하는 라이브러리와 도구 Lombok 📌 Lombok : getter와 setter 등을 코드에 작성하지 않아도 자동으로 구현해줌. 💡 IntelliJ IDEA에는 기본으로 추가되어 있음. 파일 → 설정 → 플러그인에서 Lombok 설치된 거 확인 가능. Gradle 📌 Gradle : 빌드 도구. 아래 작업 자동화함. ① 필요한 라이브러리를 리포지토리에서 다운로드. ② 소스코드 컴파일. ③ 테스트 실행 후 보고서 출력. ④ 클래스 파일의 아카이브 생성. ⑤ 아카이브를 스테이징 환경 등에 배포. 2022. 11. 1.
[ETC] GET 메서드와 POST 메서드 GET 메서드 📌 GET 메서드 : 브라우저에서 웹 서버로 값을 전달할 때 URL 뒤에 값을 더해 보내는 방식. 📌 쿼리 스트링 == 쿼리 문자열 : URL 뒤에 오는 정보 ① URL 끝에 ?를 붙여 쿼리 스트링의 시작을 알림. ② 형식 : '이름 = 값' ③ 여러 값 전달할 때 '&' 사용. POST 메서드 📌 POST 메서드 : 브라우저로부터 웹 서버에 값을 보낼 때 URL에는 보이지 않는 장소에 값을 넣어 보내는 방법. 개인 정보 등록할 때, 많은 양의 값을 보낼 때 사용. 2022. 11. 1.
[JSP] JSP 파일 생성 및 실행 JSP 파일 생성 및 실행 📌 JSP 파일 생성 ① src → main → webapp 우클릭 → New → JSP File ② 이름 설정 후, Finish ③ 아래 코드 작성 Hello 현재 날짜와 시간은 입니다. 📌 JSP 파일 실행 ① hello.jsp 우클릭 → Run As → Run On Server ② 프로젝트 생성 시 설정한 톰캣 버전 클릭 후 Next ③ Configured에 프로젝트 확인 후, Finish ④ 실행 화면 확인 2022. 11. 1.
[JSP] 동적 웹 프로젝트 생성 동적 웹 프로젝트 생성 📌 동적 웹 프로젝트 생성 : 서블릿, JSP 개발할 때 생성. ① File → New → Dynamic Web Project ② 이름 설정 후, New Runtime... 클릭. ③ 다운받은 톰캣 버전 선택. ④ 다운받은 톰캣 위치 설정. ⑤ Generate web.xml deployment descriptor 체크 후 finish. 2022. 11. 1.
[JSP] 웹 개발 환경 구축 JDK 설치 📌 JDK 설치 https://codingrecord2209.tistory.com/161?category=1109636 [Java] JDK와 Eclipse 설치 JDK 설치 📌 JDK 설치 ① 아래 사이트에 접속한다. https://www.oracle.com/java/technologies/downloads/ Download the Latest Java LTS Free Subscribe to Java SE and get the most comprehensive Java support.. codingrecord2209.tistory.com 아파치 톰캣 설치 📌 아파치 톰캣 설치 ① 아래 사이트에 접속해 다운로드 받는다. https://tomcat.apache.org/download-90.cgi.. 2022. 11. 1.
[ETC] 배포 프로세스와 데브옵스 배포 프로세스 📌 배포(Deployment) == 배치 : 개발된 결과물을 실제 사용자에게 전달하는 작업. 📌 웹의 배포 : 운영 서버로 소스 코드를 복사하고, WAS에 등록하는 과정. 📌 모바일 앱의 배포 : 앱 스토어에 앱을 업로드 하는 절차 등. 웹 애플리케이션 배포 📌 이클립스에서 JSP 또는 서블릿 실행 → 현재 프로젝트 구조를 WAR 형태로 패키징한 후 아파치 톰캣에 전달해 실행. 효율성을 위해 매번 실제 WAR를 생성하지 않고, 이클립스에서 내부적으로 톰캣과 연동하는 과정 거침. 📌 완성된 프로젝트를 운영 서버에 설치 → 이클립스에서 프로젝트를 .war 파일로 패키징한 다음 서버에 옮기는 과정 필요. 서버에 파일 복사한 후, 톰캣이 설치된 디렉터리의 [webapps] 폴더로 .war 파일을 .. 2022. 11. 1.

티스토리툴바