[코딩 자율학습 HTML + CSS + 자바스크립트] Part2 CSS로 웹 페이지 꾸미기 - 4장 웹 스타일링을 위한 CSS 기초 배우기
·
💻/FE
CSS(Cascading Style Sheets)웹 문서에 사용하는 태그에 스타일을 적용하기 위해 W3C에서 고안한 언어태그와 스타일을 함께 사용하던 기존 방식 지양, 태그와 스타일 분리하는 방법으로 발전1. CSS 문법 살펴보기선택자CSS 스타일을 적용할 HTML 태그(요소)를 선택하는 영역선언부 = 속성 + 값선택자에서 선택한 태그에 적용할 스타일을 작성하는 영역중괄호({}) 안에 넣음세미콜론(;) 넣으면 여러 스타일 연속해서 작성할 수 있음선택자{속성:값;}2. CSS 적용하기 내부 스타일 시트, 외부 스타일 시트, 인라인 스타일 시트내부 스타일 시트(internal style sheet)HTML 파일 내부에 CSS 코드를 작성하는 방법(+) 디자인 빠른 적용body 태그에 작성된 내용이 사용자에게..
[코딩 자율학습 HTML + CSS + 자바스크립트] Part1 HTML로 웹 구조 설계하기 - 3장 실무에서 자주 사용하는 HTML 필수 태그 다루기
·
💻/FE
1. 텍스트 작성하기hn 태그/ p 태그/ br 태그/ blockquote 태그/ q 태그/ ins 태그, del 태그/ sub, sup 태그hn 태그제목이나 주제를 나타내는 텍스트 표현할 때 사용제목h1 ~ h6 태그(6개)h: heading/ n: (숫자) 중요도검색 엔진에서 키워드로 인식=> 검색 엔진 최적화(SEO; Search Engine Optimization) 위해 본문에서 핵심이 되는 내용SEO: 검색 엔진에서 상위에 랭크(rank)될 수 있도록 검색 엔진에 친화적으로마크업(markup, 문서 구조)을 작성하는 것p 태그본문의 문단(paragraph)을 작성할 때 사용내용br 태그문단에서 줄 바꿈할 때 사용blockquote 태그출처에서 인용한 문단 단위의 텍스트 작성할 때 사용출처가 확실..
[코딩 자율학습 HTML + CSS + 자바스크립트] Part1 HTML로 웹 구조 설계하기 - 2장 HTML 문서 작성을 위한 기본 내용 살펴보기
·
💻/FE
1 HTML의 기본 구성 요소태그/ 속성/ 문법/ 주석태그구성 요소를 정의하는 역할HTML 문법을 이루는 가장 작은 단위혼화살표괄호() 사이에 태그명을 넣는 형태속성태그에 어떤 의미나 기능을 보충하는 역할~= 옵션 => 사용해도 되고 안 해도 되고, 여러 개 사용해도 됨But, 태그 없이 단독 사용X속성명 + 속성값으로 구성ex. -> 태그: html/ 속성명: lang/ 속성값: ko=> 주 언어(lang)가 한글(ko)로 된 HTML 문서의 시작속성명: 따옴표 X 작성/ 값: 큰따옴표("") 안에 작성속성값 여러 개 -> 쉼표(,)로 구분해 값을 나열문법콘텐츠(content)가 있는 문법콘텐츠 앞뒤를 태그로 감쌈시작 태그(open tag): 앞에 넣는 태그종료 태그(close tag): 뒤에 넣는 ..
[모든 개발자를 위한 HTTP 웹 기본 지식]
·
📚
모든 개발자를 위한 HTTP 웹 기본 지식 | Notion섹션 2. 인터넷 네트워크0123suh.notion.site
스프링부트 개념정리(이론)
·
💻/Spring | SpringBoot
스프링이란프레임워크이다.프레임(틀)워크(동작하다) = 틀 안에서 동작하다 ⇒ 틀 제공해줄테니 벗어나지 말아라오픈소스이다.소스 코드 공개내부 볼 수 있다 = 내부 뜯어 고칠 수 있다IoC 컨테이너를 가진다.IoC(Inversion of Control): 제어의 역전주도권이 스프링에게 있다개발자 new → heap 메모리 공간에 올리고 여러 메서드에서 사용하고 싶음 ⇒ 레퍼런스 변수 주소를 각각의 메소드가 관리 → 공유하는 것이 힘듦클래스로 만든 오브젝트 → 스프링이 스캔해서 읽어서 자기가 객체를 직접 띄움 = 스프링이 읽어서 heap 메모리에 올려줌Class → 설계도 / Object → 실체화가 가능한 것 / Instance → 실체화된 것ex. 캐릭터/가구 - 추상적인 의미 → 실체화 X But, 농담..
[Spring Boot 3.x 를 이용한 RESTful Web Services 개발] 섹션 6. RESTful API 설계 가이드
·
💻/Spring | SpringBoot
Richardson Maturity ModelMaturity Model(성수도 모델)Level 0Expose soap web services in rest stylehttp://server/getPostshttp://server/deletePostshttp://server/doThisLevel 1Expose resources with proper urihttp://server/accountshttp://server/accounts/10note: improper use of http methodsLevel 2Level1 + HTTP MethodsLevel 3Level2 + HATEOASDATA + NEXT POSSIBLE ACTIONSRESTful API 설계 시 고려해야 할 사항Consumer first..
kimmeoww
빙글빙글 돌아가는 Debug 하루