조반짝의 도전일지

Break문 반복문인 for문, while문, do-while문의 실행을 중지할 때 사용, 반복 취소 숫자가 계속 반복해서 결과값이 출력된다 for문의 중괄호에서 실행중지로 나간다. int 강제형변환 package chapter04.sec02.exam08; //break문으로 while문을 종료 처리하는 자바프로그램을 제작해봅니다. public class BreakExample { public static void main(String[] args) { while (true) { int num = (int) ((Math.random()*6) + 1); System.out.println(num); //만약 6이 된다면 break문으로 종료된다 if (num == 6) { break; } } System.o..

반복문 루핑(looping) : 제어문 처음으로 다시 되돌아가 반복 실행 for문과 while문은 서로 변환이 가능하기 때문에 반복문을 작성할 때 어느 쪽을 선택해도 좋지만, for 문 for(초기화식; 조건식; 증감식){ . . . } true일 경우 중괄호 내부가 실행, 반복할 때마다 증감식이 실행된다 초기화식은 조건식과 증감식에서 사용할 루프 카운터 변수를 초기화한다. 반복 횟수를 알고 있을 때 사용 반복문은 한번 작성된 실행문을 여러번 반복 실행해 주기때문에 코드를 줄여 간결하게 만들어 준다. 초기화식: for문 내부에서 사용되는 로컬변수, 조건식과 실행문, 증감식에서 사용할 변수를 초기화 하는 역할 초기화식이 필요 없을 경우에는 다음과 같이 초기화식을 생략할 수 있다. int i = 1; for..

● break: 조건이 참이면 실행중인 반복문에서 빠져나오는 명령어 언어는 순서에 따라 조건이 달라질 수 있기 때문에 순서를 지켜야한다. ● continue : 조건이 맞으면 아래 명령어를 무시하고 다시 for문으로 올라가서 실행함 중첩 for 문 (구구단) i가 1일 때 k가 3번 돌아감 i가 2일 때 k가 또 3번 돌아감 for(let i=1; i> 1+1 =1 > 2+1 = 3 > 3+1 =4 ..... tr을 누적시켜서 하나의 테이블을 만들 것이다. 태그를 넣을 때는 "" 꺽쇠괄호 안에 넣는다. 열린태그를 닫아주어야한다. console로 확인하면 태그로 표현되어있는 것을 볼 수 있다. //테이블만들기 let num = 1; let t = ""; // 테이블 셋팅 for(let i = 1; i

html mark up main: 가장중요한 부분을 넣어주는 태그 좌표 만들기 css reset .bottom css edit 배경색: body의 백그라운드 컬러 / 컬러가 지정되어있으면 반드시 넣어야한다. 배경에 사진넣기 .contents css edit .cursor css edit .cursorl.on css edit javascript 마우스 도형 움직이기 윈도우에 있는 마우스를 움직였을 때 이벤트를 발생해라 window.addEventListener("mousemove",e => { }); jqeury : $(). = javascript : document.querySelector() 마우스를 움직였을 때 html의 x값 좌표를 출력해라. 나머지 클래스도 좌표값 넣기 좌표를 마우스도형에 넣어주기..

section이 회전을 해야한다. section에 시간을 줘야 움직이는게 보임 넥스트 버튼을 눌렀을 때 오른쪽에 있는 씨디가 2번, 왼쪽 씨디가 8번째이다. 기준점에서 10vw만큼 떨어져있음 script 제이쿼리는 css, 자바스크립트 style n = 0 변수 지정해준다. n++는 오른쪽 으로 회전 , n--는 왼쪽회전 rotate {n * deg = 0 * 45} deg 45도씩 증감하여 회전한다. 버튼을 누르면 section이 회전한다. 함수지정 on을 갖고 있는 액티브 값을 0으로 변수 지정 0-7번까지 인덱스 번호가 돌아갈 것이다. 회전하면서 8개의 on을 제거할 것이다. index에 들어가있는 번호(선택되어있는 번호)만 on을 넣어줄 것이다. length-1을 넣어 0부터 시작하도록한다. ●함..

뮤직플레이어 만들기 ●figure/ figcaption: 이미지와 이미지설명 태그 ●h1 은 한번만 쓰자. 가장 큰 타이틀은 로고라고 생각하고 한번만 사용 ●strong: 강조태그 ●b: bold 글씨 진하게 html mark up fontawesome 에서 bar 아이콘 넣기 css reset css edit 폰트어썸밖에 a태그로 감싸주고 class 지정 박스 만들기 section > article > .inner 8개 생성 css edit vh, vw 로 사이즈 설정시에 화면창에 따라 크기가 변하기 때문에 반응형이 따로 필요 없다 하지만 세부적인 작업과 컨트롤하기 어렵다는 단점이 있음! 정중앙에 section(box) 위치시키기 border-radius 적용, section 테두리 지우기 45도씩 박..

[face4 영역 작업] html mark up -video: 경로지정해서 영상 삽입 후 뒤에 효과 명령어 넣기 controls: 시작, 정지 버튼이 활성화 muted: 음소거 , muted와 autoplay를 같이 써줘야 autoplay이가 실행이 된다. .face4 css edit video size 줄이기 width: 100% p태그와 em태그를 옆으로 나열하는 방법 1. float(left, right)로 띄워줌 단, 부모태그에 overflow: hidden 이나 clearfix 적용 2. display: inline-block >> 너비값이 있어야함 3. position 으로 위치지정 [.face5 영역 작업] html markup .face5 css edit .pic 이미지 편집 backgro..

01 e.preventDefault() a태그 링크를 걸리지만 기본 명령어를 무시하고 원하는 명령어를 넣어보기 e.preventDefault(); 기존 명령어를 삭제함 네이버 02 마우스 오버 효과 ● mouseenter : = mouse hover 박스 핑크로 변했다가 마우스 떼면 아쿠아색으로 바꿔주기 scale 키웠다가 원래 크기로 변경해주기 같은 방법(너비 높이 값 지정) 03 반복된 요소에 이벤트 한꺼번에 연결하기 ● querySelectorAll 요소를 한꺼번에 지정 let : 변하는 값 e.preventDefalut(); 기본으로 갖고있는 명령어를 멈춤 item1 item2 item3 item4 04 클릭이벤트를 발생할 때 증가, 감소하는 프로그램 1씩 증가 1씩 감소 증가 감소 05 박스 돌..