본문 바로가기

전체 글137

프론트엔드 5일차 html lang="ko" 한국어를 통해 ISO 639-1 코드목록 2021. 4. 16.
프론트엔드 4일차 #background(요소 색상) color : 글자의 색 background-color : 요소의 배경 색 주의해야함 헷갈리지 않게 main.css box { background-color : yellowgreen } 예제 만들어보기 header라는 클래스의 요소는 가로 세로 auto 가 가능하다 header는 width는 화면의 가로만큼 100% 만큼 차지하고 (auto의 의미) height는 글자 컨테이너 의 시작 0 부터 시작을 한다(auto의 의미) HTML - 블록레벨(block level) 요소와 인라인(inline)요소 1. 블록요소 1. div , H1 , P 2. 사용 가능한 최대 가로 너비를 사용한다 3. 크기를 지정할 수 있다 4. (width:100% , height : 0으로시.. 2021. 4. 16.
프론트엔드 3일차 3일차 CSS 문법 Div { Font-size:20px; Color: red; } — 이해 — 선택자{ 속성:값 속성:값 } 속성 과 값 div { //속성 : 값 입니다 color : red; font-size: 20px; width: 300px; margin: 20px; padding: 10px 20px; position : absolute; CSS 선언 방식 인라인 선언방식 이 방법은 HTML 태그에 직접 작성하기 때문에 선택자가 필요하지 않습니다. 태그에 직접 작성1 태그에 직접 작성2 태그에 직접 작성3 태그에 직접 작성4 (해석) =div에 스타일을 적용하겠습니다 컬러는 레드로 적용할게요! 인라인 방식에는 선택자가 필요하지 않고 직접 삽입하는 방식이다 우리가 직접태그를 찾아서 그 태그의 값을.. 2021. 4. 14.
HTML , CSS , JAVA Script 개요 HTML(Hyper Text Markup Language)은 페이지에 제목, 문단, 표, 이미지, 동영상 등을 정의하고 그 구조와 의미를 부여하는 정적 언어로 웹의 구조를 담당합니다. HTML으로 화면을 예쁘게 만들려고 시도하지 마세요!(그렇게 할 수도 없지만..) 온전히 튼튼한 구조(Semantic)를 만드는 것에만 집중해야 합니다. CSS(Cascading Style Sheets)는 마크업 언어(HTML, XML 등)가 실제 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정하여 콘텐츠 구조를 꾸며주는 정적 언어로 웹의 시각적인 표현을 담당합니다. 예쁘게 만드는 것만 집중할 수 있습니다. 적당한 크기와 아름다운 색상, 원하는 위치를 지정하는데 집중할 수 있습니다. JS(JavaScript)는 콘.. 2021. 4. 12.
[파이썬] 웹 프로그래밍 웹 클라이언트 부분을 보통 프론트 엔드 서버 부분을 백엔드라고 한다. 요즘 화두가 되고 있는 프론트엔드 개발자.. 네이버 , 카카오 , 쿠팡 등 많은 프론트엔드 개발자들을 고용하고 있다는데 , 그만큼 날이 갈 수록 심미적고 , 창의성 높은 눈에 보여지는 프론트엔드를 중요시하는게 아닐까 생각한다. 그래서 문과 출신이라던지 예대 출신의 개발자들이 늘어나고 있고 그 예술적인 감각이나 창작물은 공대생보다 더 뛰어나서 거기에 개발이란걸 이식해서 더 아름다운 결과물을 만들어 내는거 같다. Client : 서비스를 제공받아서 실행 Front : 응용 프로그램 ( PC , IOT , SmartPhone ) 1개로 할 수 없을까? 그때 사용하는 언어 JavaScript(facebook , google) 웹 브라우저 PC.. 2021. 2. 7.
[파이썬] MySQL **SQL 1.DDL : 데이터 구조를 생성하고 삭제하는 명령어 1) 테이블 생성 create table 테이블이름( 컬럼이름 자료형 제약조건 , 컬럼이름 자료형 제약조건 , ... 테이블 제약조건 )engine=InnoDB DEFAULT CHARSET=utf8 ->자료형 문자 : char(글자수) , varchar(글자수) , text - 글자수는 한글인 경우는 * 3 숫자 : int , float , double 날짜 : date , time , datetime , timestamp ->제약조건 primary key : not null , unique ( 널값이 x 유니크해야한다) - 테이블에서 한 번만 지정할 수 있음 (자동 index) not null : 필수 입력 ( 널 값이 없어야댐) uniq.. 2021. 2. 6.