본문 바로가기

코딩

Front End. Day08 CSS(5) 다음주부터 프로젝트 시작으로 아마 css는 곧 끝날것 같습니다. 2~3회정도 더 강의들으면 이제 css 끝나고 자바스크립트로 넘어가지 않을까 싶네요 CSS Position 요소가 배치되는 방식을 결정하는 속성입니다. 많을 경우 요소의 정확한 위치 지정을 위해 top, left, bottom, right 속성과 같이 사용됩니다. 1. 정적 위치 지정방식(static) 기본값인, HTML요소의 위치를 결정하는 기본적인 방식입니다. top, left, right, bottom 속성들을 사용할 수 없으며 단순히 웹 페이지의 흐름에 따라 차례대로 요소들의 위치를 결정합니다. 더보기 static 예시) 정적위치1 정적위치2 정적위치3 공백 결과) 2. 상대 위치 지정방식(relative.. 더보기
Front End. Day07 CSS(4) 주에 두번이라 7일차인데 벌써 4주차네요 시간도 너무 빨리 가는거 같아 마음만 급해집니다. 박스사이징(box-sizing) 박스사이징은 박스의 크기를 어떤 기준으로 계산할지 정하는 속성으로 높이(height)와 길이(width)를 부여합니다. 이 높이와 길이에는 패딩(padding)이나 보더(border)영역은 포함하지 않습니다. box-sizing:content-box - 기존의 계산법이며, width와 height를 포함하지 않는 박스사이징입니다. box-sizing:border-box: - width와 height에 padding, border를 포함하는 박스사이징입니다. 만약 길이(width)가 100%로 설정된 경우, padding이나 border속성을 추가할 수 없기 때.. 더보기
JAVA.Day07 반복문 7일차입니다 6일차에서는 switch문과 for문을 공부했었는데요. 반복문에는 for문, while문, do while문이 있어 7일차로 제어문은 마무리 될것 같습니다. for문 예제) 1부터 10까지의 숫자 총합 출력하기 public class Main { public static void main(String[] args) { int sum = 0; for(int i = 1; i < 11; i = i++) { sum += i; //sum = sum + i System.out.println( sum ); } for문의 형식은 (초기식; 조건식; 증감식) 이므로 (i에 1을 대입; i가 11보다 작을 떄; i값을 하나 증가)입니다. sum에 sum값에 i값을 대입이므로 초기값은 sum(0) + i(1) .. 더보기
JAVA.Day06 swhich문 + for문 공부한지 벌써 3주차가 됍니다. 이번 6일차에는 남은 제어문인 swich문과 반복문 for문에 대해 공부했는데, 생각보다 많이 헷갈려서 복습을 더 해야할 것 같습니다... switch문은 if문과 같이 조건문중에 하나로 변수가 어떤값을 갖느냐에 따라 실행문이 선택됩니다. switch문의 기본문 switch(표현식) { case 1: 표현식1//값1일때 실행되는 영역 break; case 2: 표현식2//값2일때 실행되는 영역 break; default: //위에 있는 값들이 모두 아닐때 실행되는 영역; } switch문은 결과값이 나온 수에 맞는 case식이 출력되기 때문에 수치 작성을 잘 해야합니다. switch문 예시) import java.util.Scanner; public .. 더보기
Front End. Day06 CSS(3) 6일차입니다. 벌써 강의 들은지 3주가 지났습니다. ㄷㄷ 이제 막 배워가는 단계여서 다른 언어와 명령어가 겹쳐 헷갈리기도 하더라구요. 정확히 이해하고 사용해야 할 것 같습니다 background-color HTML 요소의 배경색 설정 ex) background-color: royalblue; background-image HTML 요소의 배경으로 나타난 배경 이미지를 선택 배경 이미지는 기본 설정으로 바둑판 형식으로 반복되어 나타남 ex) background-image: url(./img/건물들.jpg); background-repeat 배경이미지를 수평이나 수직방향으로 반복하도록 설정 (repeat, repeat-x, repeat-y, no-repeat(반복안함)).. 더보기
Front End. Day05 CSS(2) 5일차는 4일차 마지막의 속성선택자부터 시작합니다. 속성 선택자는 태그 안에서 사용되는 속성들의 값에 따라 스타일을 지정할 수 있습니다. 1. [속성명 = "속성값"] -> 속성값이 완벽히 일치한 경우 2. [속성명 ~= "속성값"] -> 값이 속성값과 다른 값이 띄어쓰기로 있는 경우 3. [속성명 *= "속성값"] -> 속성값이 포함된 문자를 가지고 있는 요소 4. [속성명 $= "속성값"] -> 속성값이 접미사로 끝나는 문자를 가지고 있는 요소를 선택 5. [속성명 |= "속성값"] -> 속성값이 완벽히 일치하거나, 접두사로 존재하는 -으로 연결된 문자를 가지고 있는 요소를 선택 ex) | = 값이 "apple"이거나 혹은 "apple-tree"인 것을 선택 6. [속성명 $.. 더보기
JAVA.Day05 선택제어문 항상 인터넷에 있는 코딩볼 때 보던 if문이 드디어 왔습니다. 제어문이란? 조건에 따라 실행해야할 명령문을 제어하는데 사용하며, 실행 순서를 변경시킬 때에도 사용합니다 제어문의 종류에는 선택제어문, 반복제어문, 기타제어문이 있습니다. 오늘 알아볼 제어문은 선택제어문에 대해 알아보겠습니다. 1. if 문 선택제어문의 기본 명령문이며, 명령 조건에 따라 선택합니다 if문 형식 if(조건식) { 명령문 } if문 예시) import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int a = sc.nextInt(); if ( a =.. 더보기
JAVA. Day04 연산자 지난 3일차에선 산술 연산자까지 공부했습니다. 4일차부턴 남은 연산자인 관계연산자, 논리연산자, 삼항연산자에 대해 공부하겠습니다. 세 연산자를 알기 위해서는 조건식을 알아야합니다. 참이나 거짓을 판별할 수 있는 식으로, 조건식 자리에는 반드시 boolean 타입이 와야합니다. 관계연산자란? 2개의 변수간의 관계를 참인지 거짓인지를 알려주는 연산자입니다. 논리 연산자도 참인지 거짓인지 알려주는 연산자이지만, 관계연산자와는 좀 다르므로 뒤에서 다루겠습니다. 관계연산자는 다음과 같은 조건식이 있습니다. (1) a > b : a가 b보다 크다 (2) a = b : a가 b보다 크거나 같다 (4) a = 5); System.out.println(10 == 1.. 더보기

티스토리툴바