본문 바로가기

알아두면쓸데있는신기한잡학사전94

[CSS3] 기초 선택자와 단위 01 선택자의 용도와 사용법 1. CSS 개요 - 선택자: CSS3에서 특정 HTML 태그를 선택할 때 사용 - 스타일시트 CSS로 작성된 코드 아이디 선택자 클래스 선택자 03 속성 선택자 04 후손 선택자와 자손선택자 => 자손 선택자인지 후손 선택자인지 잘 판단하고 봐야한다! 자손선택자 * > 를 씀으로써 자손선택자임을 나타낸다!! 태그 요소 선택할 때 자손 선택자 주의사항 05 반응, 상태, 구조 선택자 1. 반응 선택자 2. 상태 선택자 3. 구조 선택자 * 구조선택자 사용시 주의 사항 li > a:first-child { color: red; }를 li:first-child > a { color: red;}로 변경! 06 CSS3 단위 2022. 4. 27.
[HTML5] 입력 양식 태그와 구조화 태그 01 입력 양식 태그 입력 양식 - 사용자에게 정보를 입력받는 요소 입력 양식 개요 - 태그: 영역 생성 데이터 전달 방식 - 태그는 method 속성의 방식으로 action 속성 장소에 데이터 전달 - GET 방식: 주소에 데이터를 입력해서 전달 - POST 방식: 주소 변경 없이 비밀스럽게 데이터 전달 입력 양식 종류 [예제 1] 간단한 입력 양식 생성 라디오 버튼의 name 속성을 이용해 여러 대상 중 하나만 선택하는 형태 [예제 2] 선택 가능한 입력 양식 1. 한 항목만 선택하기: 태그 이용 목록으로 보여 주는 항목 중 하나 또는 여러 개를 선택할 때 사용 기본적으로 하나만 선택가능 , 태그를 함께 사용 2. 여러 항목 선택하기: 태그의 multiple 속성 사용 3. 선택 옵션 묶기: 태그 사.. 2022. 4. 26.
[HTML5] HTML5 기본 태그 요소는 HTML 페이지를 구성하는 각 부품이다. 태그는 요소를 만들 때 사용하는 작성 방법이다. 스타일 시트는 마크업 언어가 표시되는 방법을 기술하는 언어로 HTML 페이지의 스타일을 지정할 때 사용한다. HTML 요소의 태그, 속성, 속성값 구분하여 작성!! 태그: img 속성: title, alt, src 속성값: 바다, sea, sea.png HTML5 기본 페이지 형태 작성 01 글자 태그 1. 제목과 본문 글자 태그 - 문서의 제목을 표현할 때 사용 - h는 heading을 의미 제목 태그는 h1~h6까지 존재하며, 숫자가 작을 수록 크게 출력된다. - p는 paragraph의 약자 태그는 본문 문단을 구분하며, 글의 단락을 나타낸다. - br는 break의 약자 태그는 줄 바꿈을 생성한다. -.. 2022. 4. 16.
[HTML5] 웹 페이지 기본 구조 HTML5 기본 용어 태그와 요소 - 요소: HTML 페이지를 구성하는 각 부품(제목, 본문, 이미지 등) - 태그: 요소를 만들 때 사용하는 작성 방법 내에 태그의 이름이 작성되며 내용의 앞, 뒤를 시작 태그와 종료 태그로 감싼다. 시작 태그: , 종료 태그: * 태그 중첩 : 태그 안에 또 다른 태그를 선언할 수 있다. 속성 - 속성: 태그에 추가 정보를 부여할 때 사용하는 것 태그에 추가적인 정보나 제어를 설정하고, 태그의 이름 뒤에 속성 이름 ="속성값"으로 표현한다. 자식 태그는 부모 태그를 벗어나서 사용될 수 없다. 주석 - 주석: 코드 설명 기록(프로그램의 실행에 영향을 미치지 않음) 화면에 실제로 노출되지 않고, 개발자가 메모하는 용도로 사용된다. 내에 내용을 작성하며 여러 줄로 작성할 수.. 2022. 4. 16.
[HTML5] 웹 개요 인터넷과 웹 시작 인터넷 vs 웹 - 인터넷은 전 세계를 연결하는 국제 정보 통신망으로, 컴퓨터나 스마트폰 같은 디지털 기기로 연결되어 사람들이 정보를 공유할 수 있는 공간 - 웹은 인터넷 공간에서 제공하는 서비스 즉, 인터넷과 웹은 같은 개념이 아니다. Not Equal! 인터넷의 시작 - 미국의 신기술을 연구하는 ARPA에서 현재 웹의 모태가 되는 아파넷(ARPANET)을 1969년에 개발 팀 버너스 리 - 최초의 웹 개발자 - W3CWorld Wide Web Consortium 창설 * W3C: HTML 표준을 비롯한 웹 표준안을 제작, 제안하는 일을 하는 국제적인 웹 표준화 단체이다. -> HTML1~4까지 급격한 변동을 겪다가 현재 가장 많이 쓰이는 HTML5 버전이 되었다. 웹 브라우저 전쟁과.. 2022. 4. 16.
[자바 공부 방향성 잡기...~!] 정말 태초의 "자바"라는 언어만 알고 유튜브 영상을 봤을 때 이게 뭐고 저게 뭔지 몰랐었는데 이제 spring, JPA 등등 그 단어들이 어떤건지 대충 어디서 쓰이는지 아니깐 재밌었다. 자바의 정석 자바의 정석 저자님이 직접 강의하신다..!! 이거 보면서 객체지향개념 다시 보는 중 https://www.youtube.com/playlist?list=PLW2UjW795-f6xWA2_MUhEVgPauhGl3xIp 자바의 정석 기초편(2020최신) 최고의 자바강좌를 무료로 들을 수 있습니다. 어떤 유료강좌보다도 낫습니다. www.youtube.com Head First Servlets&JSP (엄청 옛날 책이긴하다) 스프링4 프로그래밍 입문책 JPA 프로그래밍(김영한 저서) 자바웹개발워크북(엄진영 강사님) 코.. 2022. 1. 23.
[Project] API, REST, REST API 이해를 목적으로 한 포스팅 2..... ! 출처는 아래 링크이다. https://velog.io/@wkahd01/%ED%8C%80-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-1%EC%A3%BC%EC%B0%A8.-%EC%9A%A9%EC%96%B4-%EC%A0%95%EB%A6%AC-2 팀 프로젝트 1주차. (용어 정리 2) Representational State Transfer의 약자로, 엄격한 의미로 REST는 네트워크 아키텍처 원리의 모음이다. 여기서 '네트워크 아키텍처 원리'란 자원을 정의하고 자원에 대한 주소를 지정하는 방법 전반을 일 velog.io 1. API API는 애플리케이션 소프트웨어를 구축하고 통합하기 위한 정의 및 프로토콜 세트로, 애플리케이션 프로그래밍 인터페.. 2022. 1. 21.
[Project] 클라이언트와 서버 양 입장에서 로그인 과정 이해하기 이해를 목적으로 한 포스팅..... ! 출처는 아래 링크이다. 클라이언트와 서버 양 입장에서 로그인 과정 이해하기 (feat. session, JWT,소셜로그인) 로그인 기능을 구현하기 위해서 클라이언트와 서버는 각각 어떤 일을 해야할까요? velog.io 1. Session 방식 서버에서 사용자의 세션 데이터를 저장해서 로그인 기능을 구현하는 방법 - 프론트와 서버 각각의 역할 1. [프론트] 프론트 쪽에서 로그인 페이지에서 아이디, 비번을 서버로 POST함 a. [서버] 서버는 기존에 회원가입을 한 사람이면 서버에서 세션 아이디를 만들어줌 b. [서버] 세션 아이디를 담을 변수, DB 공간을 마련해 거기 저장 (세션 데이터라고 부름) c. [서버] 그걸 쿠키라는 것에 포션해서 고객 브라우저에 그 쿠키.. 2022. 1. 20.
[Project] JWT 팀프로젝트로 스터디 사이트를 만들어 보기로 했다. 아직 1인분도 못 하는 무지의 인간이지만(;-;) 이해라도 하기 위해 모르는 개념을 일단 정리하려고 한다. 먼저, 사이트를 이용하기 위한 로그인, 회원가입부터 구현을 시작했다. ID/Password 값을 받아서 데이터베이스와 비교하는 것이 아니라 JWT(Json Web Token)을 이용한다고 한다. (Json은 뭐고 JWT는 뭐죠....) JWT 1) Why JWT? HTTP 통신 JWT를 왜 사용하는가가 나와야하는데 갑자기 HTTP 통신이 등장했다. "로그인"이라는 과정은 서버와 클라이언트가 데이터를 주고 받는 통신 방법이 필요하다. 그 통신 방법이 HTTP라는 프로토콜(통신 방법)이다. HTTP는 아래와 같은 특성을 가진다. - connectionl.. 2022. 1. 20.

티스토리툴바