연의 기록 🪁

오늘은 WEB2 CSS - 8. 박스모델 부분부터 이어서 공부를 할거다. 링크는 아래에 있다! https://opentutorials.org/course/3086/18319 박스모델 - 생활코딩 CSS box model 소개 강의 소스코드 변경사항 박스 모델을 써먹기 강의 소스코드 변경사항 opentutorials.org 코드는 이상태에서 시작한다! CSSCascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML. 시작하기전 padding, border, margin이 각각 어느 부분을 가리키는지 보고..

http://opentutorials.org/course/3086 CSS 사용해보기 첫 실습은 anchor 태그로 묶인 부분들의 글씨를 모두 빨간색으로 바꾸는 것이다. 예전에는 태그를 이용했었다고 한다. 아래 코드와 같이 말이다. WEB HTML CSS JavaScript CSS Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language.[1] Although most often used to set the visual style of web pages and user interfaces written in HTML and ..

마지막! 이제 HTML의 표, form 부분을 정리할 것이다. HTML - 표 https://opentutorials.org/course/2039/10949 표 - table - 생활코딩 표 - table 2015-12-06 10:34:20 예제 이름 성별 주소 최진혁 남 청주 최유빈 여 청주 예제 이름 성별 주소 회비 최진혁 남 청주 1000 최유빈 여 청주 500 합계 1500 예제 이름 성별 주소 회비 최진혁 남 청주 opentutorials.org 우선 예제 1을 분석해보자. 이름 성별 주소 최진혁 남 청주 최유빈 여 청주 표를 만드려면 우선 전체를 태그로 감싸 주어야 한다. 그리고 같은 행의 데이터들은 태그로 감싸주어야 한다.(여기서 r은 row를 의미한다.) 그리고 각 데이터들은 로 감싸준다...

오늘은 https://opentutorials.org/course/3084/18891 웹호스팅 (github pages) - 생활코딩 --- 직접 웹서버를 운영하는 일은 쉽지 않은 일입니다. 우선 컴퓨터가 있어야 하고요, 컴퓨터가 냉장고처럼 항상 켜져 있어야 합니다. 웹서버라는 프로그램을 배워서 설치해야 합니다. 또 인터넷 opentutorials.org 여기부터 공부를 시작 할 것이다. 차근차근 따라해보자. 우선 할 일은 1. 깃허브 가입 2. 저장소(repository)생성 3. 파일 업로드 4. 링크 생성 이다. 깃허브 가입은 이미 되어있어서 생략하겠다. 위 사진에서 초록색 New버튼을 누른다. 이제 1번에는 저장소 이름, 2번에는 저장소의 공개 여부를 기입한 뒤 3번에는 빨간 박스부분을 체크하고 ..

저번에 하던 내용에 이어서 HTML공부를 이어서 하도록 하자! 이건 지난내용 복습..... 문자가 깨지는 경우가 있다는데 그 이유는 웹페이지가 저장한 문자 표현방식과 웹 브라우저가 웹페이지를 해석하는 방식이 일치하지 않기 때문이다. 위 사진에서 오른쪽 아래를 보면 UTF-8이라고 쓰여있는데 이는 이 웹페이지가 UTF-8로 저장되었다는 뜻이다. 즉 웹브라우저에 UTF-8로 열라는 지시를 내려 주어야 한다. 이것이 두번째 줄에 있는 가 의미하는 것이다. 또 공부했던대로 를 첫줄에 써주고 로 head와 body태그를 감싸주도록 하자. 이번에는 링크를 한번 넣어보자! 링크를 넣을 때는 로 감싸준다. a는 anchor의 약자이다. anchor은 닻을 의미하는데 정보의 바다에 정박한다는 의미라고 한다. 아래 그림을..

동아리에서 진행하는 프로젝트를 시작하게 되었다. 나는 웹이 처음이라서 이렇게 공부할 거리를 주셨는데 일요일까지라 슬슬 시작해보려 한다! 강의는 아래 링크에서 볼 수 있다. https://opentutorials.org/course/3084 WEB1 - HTML & Internet - 생활코딩 --- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여 opentutorials.org 실습환경을 준비하는 과정은 우선 atom을 까는 것으로 시작한다. 구글에 검색하면 쉽게 다운받을 수 있다. 강의에서는 file - open folder을 하니 옆에 폴더 창이 생기던데 나는 안생겨서..