본문 바로가기
728x90
반응형

전체 글407

[servlet/JSP] 1강 ~ 7강 1강, 2강 서블릿: 서버 어플리케이션 만드는 것 클라이언트 = 요청자 서버 = 제공자 3강 WAS (웹 어플리케이션 서버) : 코드를 실행하고 실행된 결과를 웹서버에 돌려줄 수 있는 기능을 함 server application code: 동적으로 문서를 만들기 위한 코드 그리고 이것을 실행하게 할 수 있는 환경인 웹서버 코드를 찾아서 실행하게 해줄 수 있는 환경인 WAS 가 필요함 5강 톰캣: WAS 또는 웹서버 웹서버: 웹문서를 제공해주고 있는 서비스 6강 context: 가상경로, 가상사이트라고 말하는 경우도 있음 각각의 내용들을 아예 떼어내어서 별개의 사이트처럼 만들 수 있음 (서비스 문맥은 유지하면서) 7강 서버 어플리케이션: 기능별로 코드 나눠짐 사용자가 공지사항(list)를 요청한 것 필요에.. 2023. 3. 24.
[ HTML + CSS + 자바스크립트] 4.1 ~ 5.2 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 4.1 ) CSS 문법 살펴보기 h1{color:red;} 선택자와 선언부 color - 속성 red - 값 ; (세미콜론) - 넣으면 연속해서 스타일 작성 가능 4.2 ) CSS 적용하기 - CSS 적용 방법 (3) - 1. 내부 스타일 시트 html 문서에 태그 사용 2. 외부 스타일 시트 새로운 css 파일 생성 (확장자 .css) html 파일에 css 파일 연결 (link 태그 사용) html 파일과 css 파일 연결된 상태 확인 3. 인라인 스타일 사용 : html 문서에 있는 태그에 직접 CSS 코드 작성하는 방법 선택자 부분 필요없음 5.1 ) 기본 선택자 사용하기 : 모든 요소 선택 p 태그 지정하면.. 2023. 3. 21.
[ HTML + CSS + 자바스크립트] 3.8 ~ 3.10 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 3.8 ) 멀티미디어 설정하기 : 항상 src 속성과 함께 사용 control 속성 - 웹 브라우저에 노출 : audio 태그와 같음 : audio 태그와 video 태그에서 파일의 경로와 미디어 타입 명시 audio 태그와 video 태그의 자식요소로 사용 source 태그 사용시 audio 태그와 video 태그에는 src 속성 쓰지 않음 3.9 ) 웹 페이지 구조를 설계하는 시맨틱 태그 시맨틱 웹: 기계도 쉽게 이해할 수 있는 웹 페이지 설계 table, form, a태그 - 시맨틱 태그 : 웹 페이지의 헤더 영역 구분하는데 사용 < .. 2023. 3. 20.
[ HTML + CSS + 자바스크립트] 3.7 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 3.7 ) 표 만들기 : 표 관련 태그 : 내가 만들려는 표의 제목 지정 : 행(가로) 생성 행 여러개 생성 가능 : 열(세로) 생성 th - 제목 td - 데이터 : 제목 데이터 th 태그가 td 태그보다 더 굵게 출력된다 tr - 가로 행 3개 th - 오른쪽으로 차례대로 나열 (번호 / 상품 / 수량 / 가격) - 셀 병합 - : 행과 행 병합 행끼리 병합된다 (세로로) : 열과 열 병합 (오른쪽으로 병합) : 헤더 영역 해당 th 태그로 열을 생성해야 한다 .. 2023. 3. 19.
[ HTML + CSS + 자바스크립트] 3.6 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 3.6 ) 폼 구성하기 action, method 속성을 함께 사용 action - 전송할 서버의 URL 주소 method - 서버에 전송할 때 송신 방식 get 또는 post를 사용한다 type 속성 - 필수로 작성 상호작용 요소 종료 결정 name, value - 필수X, 선택적 사용 - type 속성 - 적용 적용 - name 속성 - 입력요소의 이름 작성 - value 속성 - 입력요소의 초깃값 작성 - 암묵적 방법 - 명시적 방법 - 암묵적 + 명시적 1. 암묵적 방법 : label 태그에 상호작용 요소를 포함하는 방법 (위의 예시는 라벨이라는 태그 안에다가 상호작용 요소를.. 2023. 3. 19.
[VSCode] prettier 적용 안될 때 적용 방법 1. Setting(설정) - 검색하기 format on save Editor: Format on Save 체크 2. Setting - 검색하기 default formatter none -> Prettier로 찾아서 바꿔주기 2023. 3. 15.
[VSCode] 자동 줄 바꾸기 - 자동으로 줄 바꿈 하는 방법 - 설정 들어간 후, - word wrap 검색 - control how lines should wrap을 on으로 바꿔주기 2023. 3. 12.
[ HTML + CSS + 자바스크립트] 1.2 ~ 3.5 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 1.2 ) 첫 번째 HTML 문서 만들기 파일 이름 작성할 때 끝에 .html 붙이고 작성하기 2.1 ) HTML의 기본 구성요소 ●속성: 속성 = 옵션 태그랑 같이 쓰임. 단독 사용X ●요소: + 콘텐츠 + 2.2) HTML의 기본구조 ● html 태그: HTML 문서의 시작과 끝 3.1) HTML의 특징 파악하기 - hn 태그 - 중간에 숫자를 건너뛰지말고 단계적으로 사용 - p 태그 - 문단 작성할 때 사용 - br 태그 - 줄바꿈 - blockquote 태그 - 인용한 문단 단위의 텍스트 작성때 사용 cite 속성으로 출처 경로 명시 태그 안에 반드시 한 개의 태그 들어가야 한다 - q 태그 - 짧은 인용문 작성할 때 사용 blockquote 태그.. 2023. 3. 12.
[ HTML + CSS + 자바스크립트] 1.1 [ 코딩 자율학습 ] HTML+CSS+자바스크립트 1.1 ) 개발 환경 설정하기 Explorer : 프로젝트 폴더와 파일관리 작업할 디렉토리 선택 또는 선택된 디렉토리에서 new file을 이용하여 작성할 파일 생성 등등 파일관리 가능 Search : Explorer 에서 설정한 폴더 내에서 단어 검색 또는 교체할 때 사용 Source Control : 깃이랑 연동해서 버전관리 할 수 있는 창 소스코드를 디버그할 때 사용 Extension을 관리할 수 있는 창 Command Palette : 바로 명령어를 실행할 수 있는 창 Extension : 플러그인이라고 보면 됨 비쥬얼스튜디오 더 잘 쓸 수 있게 하는 서브 프로그램 느낌 이 검색창에다가 내가 설치하고 싶은 extension을.. 2023. 3. 6.
728x90
반응형

티스토리툴바