post-thumbnail

메뉴바만들기 (진행중)

html, css 개념을 복습하기 위한 목적을 가진 프로젝트이다!HTML과 CSS에서 공부한 내용들을 이해했는지 확인할 수 있는 사이트가 필요했다.하지만, 프로그래밍 언어가 아닌 html과 css는 문제를 풀어볼 수 있는 사이트가 없었다.따라서 내가 직접 만들어보기로했

4일 전
·
0개의 댓글
·

링크모음

일러스트 모음(https://webpus.com/best-free-illustration-sites/색상조합 사이트

4일 전
·
0개의 댓글
·
post-thumbnail

Flex 연습하기

▷ HTML

5일 전
·
0개의 댓글
·
post-thumbnail

Media Query

반응형 디자인이란? 화면의 크기에 따라 웹페이지의 각 요소들이 반응하여 최적화 된 모양으로 동작하는 것을 말한다.반응형 디자인을 CSS로 구현하기 위한 핵심적인 개념이 미디어 쿼리이다.미디어 쿼리는 여러가지 형태의 화면이 존재하는 세상에서 굉장히 중요한 역할을 한다.아

5일 전
·
0개의 댓글
·
post-thumbnail

Grid

1분코딩 공부 내용을 바탕으로 정리한 글 입니다.공통점 : 레이아웃 스타일링을 쉽게 해준다.차이점 : Flex는 한 방향 레이아웃 시스템이고 (1차원), Grid는 두 방향(가로-세로) 레이아웃 시스템 (2차원)Grid로 레이아웃을 만들기 위한 기본적인 HTML 구조는

5일 전
·
0개의 댓글
·
post-thumbnail

Flex

1. Flex와 Grid >- 공통점 : 레이아웃 스타일링을 쉽게 해준다. 차이점 : Flex는 한 방향 레이아웃 시스템이고 (1차원), Grid는 두 방향(가로-세로) 레이아웃 시스템 (2차원) 출처:1분코딩 2. Flex-box의 axis >- Flex-box엔

5일 전
·
0개의 댓글
·
post-thumbnail

WEB2 - JavaScript (작성중)

생활코딩 공부 내용을 바탕으로 정리한 글 입니다.사용자와 상호작용하는 웹페이지를 만들 때 JS를 사용한다.1\.

6일 전
·
0개의 댓글
·
post-thumbnail

메인페이지 만들기

생활코딩 강의에서 배운 html, css 개념을 복습하기 위한 목적을 가진 프로젝트이다!1\. 어떠한 웹페이지를 만들 것인가?\-> 친구들이랑 강릉 여행을 갈 때 사용할 웹페이지를 만들 것이다.2\. 어떠한 내용이 들어갈 것인가?\-> 맛집, 관광명소, 호텔에 관한 정

6일 전
·
0개의 댓글
·
post-thumbnail

WEB2 - CSS

생활코딩 공부 내용을 바탕으로 정리한 글 입니다. 웹 페이지를 아름답게 디자인하기 위해 CSS를 사용해야한다. Chapter 1. CSS의 기본 문법 (선택자와 속성) CSS의 기본 문법 (선택자와 속성) Grid를 이용한 현대적인 레이아웃 제작 방법 MediaQue

2023년 1월 26일
·
0개의 댓글
·
post-thumbnail

WEB1 - HTML & internet

생활코딩 공부 내용을 바탕으로 정리한 글 입니다. Chapter 1. 기획 웹 목적: 코딩 수업과 내용 정리정돈 >어떤 형태의 웹사이트를 만들 것인가?1. 제일 위쪽에는 수업의 전체 제목을 표시2. 왼쪽에는 수업의 목차 표시. 목차에는 링크가 걸려 있으며, 링크를 클

2023년 1월 25일
·
0개의 댓글
·