우당탕탕 코딩생활

웹디자인 실기 준비를 위한 개인공부입니다! 완성화면 코드 작성 순서 1. HTML에서 전체적인 구조를 잡는다. 여기서 id를 정확하게 정해준다. 각 컨텐츠가 들어갈 전체 페이지 wrap rogo와 nav가 들어갈 header 슬라이드 형식의 이미지가 들어갈 banner 컨텐츠1이 들어갈 content1 컨텐츠2가 들어갈 content2 푸터가 들어갈 footer 2. 구조가 잡혔다면 각 부분에 들어갈 부분들을 작성한다. 즐길거리 요금/우대혜택 참여프로그램 이용가이드 소통서비스 가장 상단의 로고가 들어가는 부분에는 a태그를 사용하여 링크를 걸을 수 있게 하고 alt를 꼭 작성해준다. 메뉴는 id가 아닌 class 속성을 사용하여 nav라고 명명해주고, 각 메뉴들을 ul과 li를 통해 작성한다. 롯데월드 소..

01. SQL문의 빈칸의 완성하시오. [학생] 테이블에서 전화번호가 NULL 값이 아닌 학생명을 모두 검색하기 위한 SQL문을 작성하시오. SELECT 학생명 FROM 학생 WHERE 전화번호 _____; 더보기 02. SQL문의 빈칸의 완성하시오. 사용자 "HWANG"에게 테이블을 생성할 수 있는 권한을 부여하기 위한 SQL문을 작성하시오. _____ CREATE TABLE _____ HWANG 더보기 03.SQL문의 빈칸의 완성하시오. [성적] 테이블에서 점수가 90점 이상 95점 이하인 '컴퓨터공학과' 학생의 정보를 검색한 SQL문을 작성하시오. SELECT * FROM 성적 WHERE (점수 _____ 90 _____ 95) AND 학과 = '컴퓨터공학과'; 더보기 04.SQL문의 빈칸의 완성하시..

01. 다음 빈칸의 내용을 작성하시오. ( ① ) : 물리(Physics) 계층에서 데이터 전송을 하기 위해 사용하는 데이터 단위 ( ② ) : 네트워크(Network) 계층에서 데이터 전송을 하기 위해 사용하는 데이터 단위 더보기 답 : 비트 / 패킷 해설 : * OSI 모델은 인터넷의 작동을 설명하는 모델로, 7개의 계층으로 나뉘어집니다. 1. OSI 7계층의 제 1계층 물리계층의 데이터 단위는 비트입니다. 물리적 계층에서는 주로 전기적, 기계적, 과학적, 기능적인 등 이러한 특성을 통해 통신 케이블로 데이터를 전송합니다. 2. OSI 7계층의 제 3계층 네트워크 계층의 데이터 단위는 패킷입니다. 인터넷을 통해 발송되는 모든 데이터는 패킷이라는 작은 조각으로 나뉘어집니다. 예를 들어 철수가 영희에게 ..

3. 디자인의 원리 중 비례에 대한 설명이 잘못된 것은? 1. 균형을 가장 많이 고려하여 구성해야한다. 2. 부분과 부분, 부분과 전체에 균형이 잡혀있음을 말한다. 3. 조형을 구성하는 모든 단위의 크기를 결정한다. 4. 객관적 질서와 과학적 근거를명확하게 드러내는 구성 형식이다. - 정답은 1번 균형을 가장 많이 고려하지 않아도 됩니다. 6. 디자인의 요소에 관한 정의가 틀린 것은? 1. 점 - 위치만 있고 크기는 없다. 2. 선 - 면의 한계 또는 교차 3. 면 - 선의 이동 4. 입체 - 면의 이동 - 면이 아니라 점입니다. 18. 2차원적 제품 디자인 분야에 속하지 않는 것은? 1. 텍스타일 디자인 2. 편집디자인 3. 벽지디자인 4. 인테리어 직물 디자인 - 편집디자인은 1차원입니다. 21..

01. 결과값을 작성하시오. { const str = "javascript"; const text = str.indexOf("a"); const text2 = str.lastIndexOf("a"); const text3 = str.includes("a"); console.log(text); console.log(text2); console.log(text3); } 더보기 해설 indexOf() 문자열을 검색하여 주어진 값과 일치하는 첫 번째 위치값(index)를 반환합니다. 문자열이 포함되어 있으면 1을 반환하며 포함되어 있지 않으면 -1을 반환합니다. lastIndexOf() 문자열을 역순으로 검색하여, 주어진 값과 일치하는 첫 번째 위치값(index)를 반환합니다. 문자열이 포함되어 있으면 1을 반환..

자바스크립트 테스트 3 01. 결괏값을 작성하시오. { (function(){ console.log("함수가 실행되었습니다."); })(); } 더보기 답: 함수가 실행되었습니다. 💪풀이: 즉시 실행 함수에 대한 문제입니다. 이 함수는 선언되자마자 즉실행됩니다. 02. 결괏값을 작성하시오. { function func(str = "함수가 실행되었습니다."){ document.write(str); } func(); } 더보기 답: 함수가 실행되었습니다. 💪풀이: 매개변수를 사용하는 자바스크립트 함수를 정의하고 호출하는 예시입니다. 함수의 이름은 func이며 하나의 매개변수 str을 가집니다. 이 매개변수(str)은 "함수가 실행되었습니다. " 라는 문자열을 가지고 있습니다. 함수가 호출될 때 인자가 전달되..

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

자바스크립트 기본 유형 복습 자바스크립트 기본 유형들에 대해서 공부해보려고 한다! 01. 0부터 100까지 for문을 사용하여 출력하기 for(let i=0; i

자바스크립트 기초 테스트 2더보기에 해답과 풀이가 있습니다. 답 전체보기는 맨 하단에 있습니다. 01.결괏값을 작성하시오.{ if( null ){ console.log("true"); } else { console.log("false"); } } 더보기 답 : false 💪 풀이 null이 조건식에 들어갈 경우 false입니다. + ⭐조건식에 들어가는 것에 따른 결과값 false : 0, null, undefined, flase, ""(빈문자열) true : 1, 2, "0", "1", "ABC", [](배열), {}(객체), true 02.결괏값을 작성하시오.{ let num = 0; while( num 6 ){ break; } console.log(num); } }더보기답 : 1, 2, 4, 5, 6..

오늘은 통으로 외우기만 했던 구구단과 테이블을 파헤쳐 보려고 한다! 구구단 //구구단 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); 코드를 사용해준다. ▶︎테이블 만드는 ..