공부/개인공부 5

웹디자인 기능사 레이아웃 연습

레이아웃 코딩일기를 쓰려고 했으나 오늘 깨닫게 된 부분이 속이 시원해 작성해봅니다. 레이아웃을 잡을 때 가장 중요했던 것은 '박스 구분'이었다. 통으로 만들 수 없으니 어떤식으로 어떻게 나누는지가 중요했고 이에 따라 속성을 적용할 수가 있었다. 하지만 나는 이게 이해가 가지않았고 거기에 전체 박스를 의미하는 wrap 과 그 외적인 것들이 더해지니 이해하는 것은 더욱 어려웠다. 혼자서는 시작도 못했던 부분이었는데 오늘 수업과 연습으로 알게되었다! 1. 구조 로고 부분과 이미지슬라이드 (메인) 부분을 구분하여 크게 지정했고 그 안에 각각의 부분들을 넣어주어 구조를 작성했다. 2. flex 부모요소에 플렉스 요소가 없는 경우 아래로 일렬로 나열하게 되는데 플렉스를 사용하면 끌려올라와 위의 것과 붙는다. 이 때..

공부/개인공부 2023.03.16

구구단, 테이블 만들기

오늘은 통으로 외우기만 했던 구구단과 테이블을 파헤쳐 보려고 한다! 구구단 //구구단 for(let i=2; i 표 테두리 1. table이라는 변수를 먼저 선언하고 table border 로 테두리를 만들어준다. 이때 1은 선의 크기이자 border의 속성이다. 첫번째 for문은 tr태그를 5번 반복하기 위한 식으로 table += ""이 실행문이 된다. 2. 두번째 for문은 마찬가지로 td태그를 5번 반복하기 위한 식이다. 이 때 td사이에 j를 넣었기 때문에 칸 안에는 j의 값이 출력된다. 첫번째와 두번째 식이 끝났다면 마지막에 /tr을 사용하여 코드를 완성해주고 table이라는 태그를 열었기 때문에 닫아준 뒤 출력문 document.write(table); 코드를 사용해준다. ▶︎테이블 만드는 ..

공부/개인공부 2023.03.05

데이터 기초 복습 - 불러오기

배열 : 데이터 불러오기 부분에서 부족한 것 공부 배열 : 데이터 불러오기 2차 배열 { const arr = [100, 200, ["javascript","react"]]; console.log(arr[0]); console.log(arr[1]); console.log(arr[2][0]); console.log(arr[2][1]); } //const 키 = [값1, 값2, [값3, 값4]] / 값3 : console.log(arr[2[0]]); / 값4 : console.log(arr[2[1]]); ★갯수구하기 ( 자주 틀리는 부분 ) { const arr = [100, 200, "javascript"]; console.log(arr.length); } //console.log(키.length); 갯수..

공부/개인공부 2023.03.05

데이터 기초 복습 - 저장하기

이번에 테스트를 보게 되면서 느꼈던 점은 기초가 부족하다는 것이었다. 비슷한 형식이 많다보니 헷갈리고, 이리 저리 뒤섞여 버려서 이번 기회에 정리 및 복습을 해보려고 한다. 변수 변수는 데이터를 저장하는 저장소로, 저장과 변경 추가가 가능하다. 상수 데이터 저장은 가능하지만 변경은 불가능하다. 또한 이미 선언한 상수에 대해 중복 선언이 불가능 하며 상수의 값을 재지정 할 수도 없다. { const x = 100; const y = 200; const z = "javascript"; x = 300; //Assignment to constant variable. y = 400; z = "react"; console.log(x); console.log(y); console.log(z); } 변수와 공통점은 데..

공부/개인공부 2023.03.04