HelloSpring

HTML, CSS : 프로그래밍 언어는 아니지만 웹 사이트를 만들기 위해 필요함 Javascript : 인터렉티브 한 웹사이트를 만들어 줌 컴퓨터 요구사항 - 브라우저(인터넷 익스플로러 제외 크롬 등) -> 크로미움을 기반으로 한 브라우저를 사용하는 것을 추천 ex) 크롬, 웨일 - VS Code(다운로드하지 않아도 됨 -> replit.com) JAVASCRIPT - 1995년 12월에 10일 만에 개발됨 - HTML, CSS로만 이뤄진 웹사이트가 인터렉티브하기를 원했고 JS를 만들게 되었음 - 프론트엔드에 쓸 수 있는 유일한 프로그래밍 언어 - 모든 브라우저에 내장되어있음 -> 다운로드받을 필요 없음 - socket.io(채팅 기능 등), 3D, ml5.js(머신러닝) 백엔드 : 루비, 파이썬, 고 ..

2020.12.19 - [프로그래밍] - [스파르타코딩클럽 : 나홀로 코딩 패키지] 사전 과제 - 크리스마스 카드 만들기 2020.12.19 - [프로그래밍] - [스파르타코딩클럽 : 나홀로 코딩 패키지] 1일차 - 크리스마스 카드 만들기 2020.12.19 - [프로그래밍] - [스파르타코딩클럽 : 나홀로 코딩 패키지] 2일차 - 크리스마스 카드 만들기 [스파르타코딩클럽 : 나홀로 코딩 패키지] 2일차 - 크리스마스 카드 만들기 2020/12/19 - [공부, 자기개발] - [스파르타코딩클럽 : 나홀로 코딩 패키지] 사전 과제 2020/12/19 - [공부, 자기개발] - [스파르타코딩클럽 : 나홀로 코딩 패키지] 1일차 - 크리스마스 카드 만들기 오늘 하 aspring.tistory.com 지난 크리..

2021/01/08 - [공부/자바(java) 융합개발자 2차] - [자바 기초] 18일차 일지 - Ch8. CSS3 효과와 애니메이션 2021/01/08 - [공부/자바(java) 융합개발자 2차] - [자바 기초] 18일차 일지 2 - Ch9. 자바스크립트 기본 문법 8장. 반응형 웹 디자인하기 PC가 있고 모바일이 있으면 창 사이즈에 따라 보여주는 내용이 다르다. 예제 3가지 해보기 Ex08-01 : 웹폰트 이 문장은 웹폰트로 "서울남산체"를 사용하였습니다. 만들 때는 서울남산체를 다운받아서 작성하고사용자들이 사용할 때는 고객들의 컴퓨터에 저 폰트가 없어도된다. Ex08-02 미디어 쿼리 연습 데스크탑 pc 화면 브라우저의 너비를 800 px보다 작게 줄여보세요. 배경이 검정색에 글자가 흰색으로 바..

모던 웹을 위한 HTML5+CSS3 바이블 국내도서 저자 : 윤인성 출판 : 한빛미디어 2019.05.01 상세보기 2021/01/06 - [공부/자바 융합개발] - [자바 기초] 16일차 일지 1 - 화면(UI)구현(Ch6. 공간 분할 태그) 2021/01/06 - [공부/자바 융합개발] - [자바 기초] 16일차 일지 2 - Ch6. CSS3 기본 사용법과 선택자 Chapter 02 HTML5 태그 기본 목차 2.1 HTML5 기본 용어 정리 태그와 요소 속성 주석 2.2 HTML5 페이지 구조 2.3 글자 태그 제목 본문 앵커 태그 글자 형태 루비 문자 2.4 목록 태그 기본 목록 정의 목록 2.5 테이블 태그 테이블 태그 기본 테이블 태그의 속성 2.6 이미지 태그 2.7 오디오 태그 audio ..

2021/01/05 - [공부/자바 융합개발] - [자바 기초] 15일차 일지 1 - 화면(UI)구현(Ch4. 멀티미디어 태그) 2021/01/05 - [공부/자바 융합개발] - [자바 기초] 15일차 일지 2 - 화면(UI)구현(Ch5. 입력 양식 태그와 공간 분할 태그) 2021/01/05 - [공부/자바 융합개발] - [자바 기초] 15일차 일지 3 - 화면(UI)구현(Ch6. 입력 양식 태그와 공간 분할 태그) 이때까지는 눈에 보이는 것들을 다뤘다면 공간은 배치, 눈에 보이는 것은 아니지만 영역을 나누는 것(레이아웃) -> 배경색 넣을 수도 있음 03 공간 분할 태그 1. div와 span - 두개 다 목적(공간 분할)은 같다. 태그 웹 브라우저 전체 공간에 대해 분할 -> 여러 부분을 같이 묶어..

2021/01/05 - [공부/자바 융합개발] - [자바 기초] 15일차 일지 1 - 화면(UI)구현(Ch4. 멀티미디어 태그) 2021/01/05 - [공부/자바 융합개발] - [자바 기초] 15일차 일지 2 - 화면(UI)구현(Ch5. 입력 양식 태그와 공간 분할 태그) 02 입력 양식 태그 1. 제출/초기화 양식 제출 양식 입력 데이터를 처리하기 위한 버튼 정의 폼 태그의 action 속성에 지정된 파일로 값 전송 예제 5-3 제출 양식 만들기 ch05/03_submit.html - input type은 반드시 form이 존재 - submit은 action이 붙는다? 입력 양식 데이터 전송 버튼 이름 : 학과 : 초기화 양식 폼에 입력한 데이터 모두 초기화 reset의 범위는 form 안의 내용임 ..

2020/12/31 - [공부/자바 융합개발] - [자바 기초] 13일차 일지 1 - 화면(UI)구현(Ch.1 웹 프로그래밍의 개요) 2020/12/31 - [공부/자바 융합개발] - [자바 기초] 13일차 일지 2 - 화면(UI)구현(Ch.2 웹 프로그래밍 실습 환경 구축) 2020/12/31 - [공부/자바 융합개발] - [자바 기초] 13일차 일지 3 - 화면(UI)구현(Ch.3 HTML5 문서 구조와 작성 규칙, Bracket 브라켓 설치) 2021/01/04 - [공부/자바 융합개발] - [자바 기초] 14일차 일지 1 - 화면(UI)구현(Ch3. HTML5 문서 구조와 작성 규칙, 예제 실습) 2021/01/04 - [공부/자바 융합개발] - [자바 기초] 14일차 일지 2 - 화면(UI)구현..

2021/01/04 - [공부/자바 융합개발] - [자바 기초] 14일차 일지 1 - 화면(UI)구현(Ch3. HTML5 문서 구조와 작성 규칙, 예제 실습) 2021/01/04 - [공부/자바 융합개발] - [자바 기초] 14일차 일지 2 - 화면(UI)구현(Ch4. 기본 태그와 멀티미디어 태그) 03 멀티미디어 태그 개요 임베디드 콘텐츠 태그 - 임베디드 : 내장하다(웹 페이지에 글이 아닌 이미지, 그래픽 그리기, 오디오, 동영상, 미디어, 개체를 내장시킨다) - 멀티미디어 데이터를 웹 문서에 포함할 때 사용하는 태그 - 주로 사용하는 것 : img, audio, video - embed(개체삽입) : 예전에는 Youtube같은 걸 flash로 넣었는데 지금은 HTML5로 바꾸었다 1. ★ 이미지 ★..

목차 01 HTML5 문서에서 특수문자 처리 방법 02 기본 태그 -> 기본 내용이므로 반드시 알아야 함 03 멀티미디어 태그 -> 응용! 이미지를 잘알아야 함 ex) 이미지, 동영상, 오디오 01 HTML5 문서에서 특수문자 처리 방법 1. 특수문자 처리 a > b -> a>b 왜 이렇게 쓰는가? 이런 꺽쇠는 우리가 tag에 쓰므로 #62 = gt less than 작다 > > -> greater than 크다 & & -> ampercent ® -> register 아스키코드 a, b, c, d 등 문자를 숫자로 지정해놓음 a는 1(십진수 아스키코드), 001(이진수 아스키코드) b는 2 .. 60번은 예제 4-1 특수문자 출력하기 ch04/01_charref.html W3C ..

2020/12/31 - [자바 프로그래밍] - [자바 기초] 13일차 일지 1 - 화면(UI)구현(Ch.1 웹 프로그래밍의 개요) 2020/12/31 - [자바 프로그래밍] - [자바 기초] 13일차 일지 2 - 화면(UI)구현(Ch.2 웹 프로그래밍 실습 환경 구축) 2020/12/31 - [자바 프로그래밍] - [자바 기초] 13일차 일지 3 - 화면(UI)구현(Ch.3 HTML5 문서 구조와 작성 규칙, Bracket 브라켓 설치) 목차 01 HTML5 문서의 구조 02 HTML5 문서의 작성 규칙 03 태그의 분류 04 태그의 속성 05 웹 문서의 레이아웃 01 HTML5 문서의 구조 1. HTML5 문서의 구조 HTML 문서의 기본 구조 HTML5 문서를 선언하는 구문(Document, 문서) ..