일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- BOM
- 반복문
- 프로그래밍
- 리액트훅
- 비동기
- JS
- form태그
- 두잇리액트네이티브
- 뷰 설치법
- 자바스크립트
- 리액트네이티브배포
- node prompt
- 하이퍼링크
- 프론트엔드
- 코딩야학
- css
- DOM
- 레이아웃
- 코딩
- 인스타그램만들기
- html
- 폼태그
- 주니어 개발자
- JavaScript
- 동기
- jQuery
- 쉽게설치
- vue.js설치법
- 배열
- 웹코딩
- Today
- Total
목록분류 전체보기 (63)
이진욱의코딩
이번 시간에는 웹 애플리케이션을 만들 때 굉장히 중요한 요소라 할 수 있는 반응형 디자인의 흐름을 알아보겠습니다. 예제를 먼저 보도록 합시다. FedR 블로그 C언어 파이썬 JAVA HTML CSS FedR 블로그는 컴퓨터 언어에 대한 정보가 있는 강좌 블로그 입니다. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, nihil labore blanditiis soluta voluptates, possimus ex obcaecati aut quod fuga quos minima facilis sequi harum architecto ipsam a quis ab assumenda eum earum facere quam. Delenit..
이번시간에는 이때까지 배웠던 내용을 바탕으로 한 번 해보겠습니다. 한 번에 코드를 적어서 할 수도 있지만 하나하나 설명을 위해 따로 코드를 적어보겠습니다. 여기서 height의 값을 적지 않으면 웹에 나타나지 않습니다. margin값을 auto로 가운데 정렬한 모습입니다. 그 다음 div class를 outer, inner로 적습니다. 순서대로 적으셔야 됩니다. 그리고 style태그에 가서 각각 높이, 넓이등을 적어줍시다. outer은 부모와 사이즈가 맞게 width와 height값을 100%로 맞추고 inner은 cell로 표현하기 위해 display를 table-cell로 적습니다.(하나의 셀처럼 작동하기 위함) 수직정렬을 하기 위해 vertical-align을 middle로 줍니다.그러면 수직에서 ..
어떤 태그의 하위에 있는 태그를 선택하고 싶을 때는 좀 더 복합적인 선택자를 사용하게 됩니다. 여기서는 부모 태그 아래에 있는 자식 태그를 선택하는 몇가지 방법을 알아보겠습니다. 첫번째로 코드안에 있는 모든 태그와 태그의 색상을 부여합니다. ul li{ color:yellow; } 그러면 HTML CSS JavaScript 이부분이 전부 yellow색상으로 변경됩니다. 그 다음에 부모자식 연산자와 친구연산자를 사용합니다. 아래 선택자는 #ggg 바로 밑에 있는 li만을 선택합니다. #ggg>li{ border:1px solid red; } 친구연산자를 사용합시다. 실제로 (이런말은없습니다.) 아래 코드는 ul과 ol을 동시에 선택합니다. ul,ol{ background-color:tomato; } 위에 ..
이번 시간에서는 다양한 형태의 선택자를 알아봅니다. 태그 선택자 클래스 선택자 아이디 선택자 3가지의 선택자를 알아볼 것인데 여러분은 이미 1가지 선택자를 알고 계시고 2개만 더 배우면 됩니다. 먼저 아이디선택자에 대해 알아봅시다. HTML CSS JavaScript 아이디 속성의 값에 해당하는 태그를 선택하는 선택자입니다. 아래의 코드는 이 문서에서 id값이 select인 태그라는 뜻입니다. #select{font-color:50px;} 흔히 인스타에서 해시태그라고 하는 #을 써서 css라는 텍스트만 영향을 끼치도록 해보았습니다. #을 적지않으면 명령문에 있는 모든 텍스트에 영향을 줍니다. select라고 선언한 css라는 텍스트의 크기를 50px로 정해서 글자크기를 키워보겠습니다. 이런식의 결과가 나..
인간의 언어는 주어와 서술어로 이루어져 있습니다. 이 두가지는 언어를 구성하는 양대축입니다. 선택자는 인간의 언어로 치면 주어에 해당하는 매우 중요한 요소입니다. 주어를 자유롭게 사용하지 않으면 정상적인 언어 생활을 할 수 없는 것처럼 선택자를 자유롭게 사용할 수 없으면 CSS를 정복할 수 없습니다. 1.선택자와 선언 어떤 태그를 디자인하기 위해서는 디자인하려는 태그를 선택하고 (선택자) 선택한 대상에게 효과를 줘야 합니다. (선언) 이번 시간에는 CSS에서 가장 기본적인 문법이라고 할 수 있는 이 선택자(selector)와 선언(declaration)에 대해서 알아봅시다. 가장 중요한 내용이라고 할 수 있습니다. HTML CSS JavaScript 코드를 보도록 하자. 저번 html포스팅에서 봤던 부모..
앞서 포스팅한 css에 대해 대략적으로 이해해 보았다. 이번 시간에는 html에서 css를 어떻게 사용하는지를 보도록 하자. 우선, html에는 띄어쓰기,제목적기,글씨증감등을 할 수 있었다면 css에는 여기에 색을 입히는게 가능하다. 우선 코드를 한번 보자. hello world hello world 부분에 앞서 배웠던 을 적고, style이라는 코드를 적은 뒤(여기까지는 html) color를 선택해서 자신이 원하는 색상을 선택해 입힐 수 있다. 나는 가장 기초적인 "hello world"라는 단어의 색상을 변경을 했다. 그리고 태그 안에 "hello world"를 적은 뒤 위에 style태그를 이용해서 부분에 있는 글자의 색을 부분적으로 바꾸는 작업을 하였다. 이렇게 css를 사용하면 전체적인 색상도..