602호_클라우드기반 자바풀스택_중앙정보처리학원_국비교육

HTTP 프로토콜 ※ MDN Web Docs HTTP 상태 코드 - HTTP | MDNhttps://developer.mozilla.org/ko/docs/Web/HTTP/Reference/Status HTTP 상태 코드 - HTTP | MDNHTTP 응답 상태 코드는 특정 HTTP 요청이 성공적으로 완료되었는지 알려줍니다. 응답은 5개의 그룹으로 나누어집니다: 정보를 제공하는 응답, 성공적인 응답, 리다이렉트, 클라이언트 에러, 그리고developer.mozilla.org

예제글  구방아, 목욕 가자구방아, 목욕 가자.아빠는 뭐가 무섭다고혼자 가도 될 목욕탕을 꼭 나랑 같이 가자 하시지요.구방아, 산에 가자.아빠는 뭐가 무섭다고만날 가는 산을꼭 나랑 같이 가자 하시지요.넌 이거도 못하냐.그러며 날 놀리는 아빠는 어디 갈 때면꼭 나를 앞세우려 하시지요.구방아, 이모네 가자.이것 좀 봐요.==============================================================비빔밥, 이 맛송송송 썬 김치를 넣어야지요.콩나물도 한 젓가락,고추장도 빨갛게 한 스푼,그러고 그냥 비빌 건가?쨀끔, 고소한 참기름도 넣어야지요.부벅부벅부벅-숟가락을 틀어잡고 비비다가어차, 먹어 보자 한 숟갈!오오, 맛있네!근데 이 맛은 어디서 올까?서로에게 아무것도 아닌 것들이서로..

1. HTML의 실행 및 저장  1) 편집기(에디터) : notepad++ 다운로드 및 설치     (메모장, 서브라임텍스트2, EditPlus, Visual Studio Code, 드림위버,.. 등 다양함. 사용자가 편리한 것을 이용하면 됨)  2) 웹브라우저 : 구글 크롬 다운로드 및 설치 (인터넷 익스플로러 9 이하 버전에서는 실행되지 않는 기능이 있으므로)  3) 새로운 문서 : [파일]-[새 파일]  4) 저장 : [파일]-[저장]      파일명,.htm, 파일명.html => html 문서임을 나타냄  5) 실행 : 저장된 html 문서를 크롬 화면으로 드래그  6) html5와 css3 유효성 검사 외에도 여러 기능이 추가된 W3C 유효성 검사기 unicorn     http : // va..

HTML1. html 태그(tag)      a. html의 기본 구성 요소      b. 를 사용      c. ~       d.       e. 대/소문자를 구분하지 않음, 되도록 소문자로 작성  2.html의 기본 구조   내용       a. 속성(attribute) : HTML 태그에 부가적인 정보를 제공       lang="ko", class="content", href="https://www.naver.com",...      속성 = "값"   b. 주석 : 설명글, 프로그램 실행에는 영향을 주지 않고 단지 설명만 달아 놓음                  비교) 스타일시트 주석 / * 설명글 */                   자바스크립트 // 한 줄 설명, /..

HTML, CSS, JavaScript, 절대/상대 URL 용어 정의 1. HTML(Hyper Text Markup Language)    웹 문서의 구조를 정의하고 콘텐츠를 표현하는 기본 마크업 언어    웹페이지를 만드는 언어    파일명.html    파일명.htm    2. CSS(Cascading Style Sheet)    HTML 문서에 레이아웃과 디자인을 포함한 시각적 요소를 정의하기 위한 규격    스타일과 레이아웃(글꼴,색상,크기,간격...)을 지정    파일명.css    3. JavaScript    프로그래밍 언어로 HTML 문서를 동적으로 처리하고 이벤트를 처리 할 수 있는 기술    HTML 문서에 이벤트 처리나 동적으로 변화하는 콘텐츠를 표현하거나 서버와의 연결을 통해 데이터..

웹 프로그래밍의 구조 1. 웹이란?     a. World Wide Web     b. 인터넷을 사용해서 웹 사이트에서 정보를 전송하고,이를 확인하기 위한 시스템 2. 웹 페이지의 구조     a. 웹 서버(Web Server)        i.   웹에 정보를 공개하고,파일에 저장        ii.  웹 사이트를 통해 공개할 파일은 모두 웹 서버 내부에 저장        iii. 서버에서 동작하는 프로그램 영역을 Backend라고 함      b. 웹 클라이언트(Web Client)        i.   웹 서버에서 정보를 받는 쪽을 의미(서비스 이용하는 쪽)        ii.  일반적인 사용자가 사용하는 컴퓨터        iii. 클라이언트에서 동작하는 프로그램 영역을 Frontend라고 함  ..

Emmet    ● 참고 사이트 : https:/docs.emmet.io/li*5ul>li*5ul>li*5>aul>li*5>a>img =>띄어쓰기 없이h1[title=test]h1#test => h1.a.b.c => p{test} => testli.item$*3 => img 10개 삽입 코드img[src="/image/child$.jpg" class="item"]*10 div[class="item"]{item$}*10 --> item1  ● 단축키 http://code.visualstudio.com/shortcuts/keyboard-shortcuts-window.pdf alt + 위/아래 방향키 : 이동alt + 클릭 : 다중 선택Ctrl + Alt + 방향키 : 부분적으로 여러 ..

● Visual Studio Code 설치 및 설정 1. 사이트 주소 : https://code.visualstudio.com/ Visual Studio Code - Code Editing. RedefinedVisual Studio Code redefines AI-powered coding with GitHub Copilot for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.code.visualstudio.com  2. 다운로드한 파일 설치      ● 다운로드한 파일 더블클릭..

html+css 3일간(3일날 오전까지) 공부한 것 모음!!