코린이 공부장

03.16 내일은 자바스크립트 시험이 있습니다. 저번 주 시험날에는 발표가겹쳐서 발표주제를 빨리 정하지 못해 일주일내내 집오면 발표아이디어만 짜보다가 전날 급하게 밤새 발표준비하느라 공부를 하나도 못하고 시험을 봤더니 시험지가 난리났었습니다.😱 공부의 우선순위와 공부시간을 효율적으로 배분해야되는데 아직도 제대로 잡히지 않은것같습니다. 멀티가 잘 안되고 한 가지를 할때 시간을 너무 잡는것도 있고 틈틈히 보단 몰아서하는 모든 습관들을 빨리 바로잡아야할거같습니다. 지금 몇 줄 안되는 이 글도 한참 생각하고있습니다. 이상하게 어떤 글이든 글을 적을땐 결과물의 양과 상관없이 생각을 너무 많이 하게됩니다 뜻대로 조절이 안되서 저도 환장할 노릇입니다. 그래서 평소에 카톡도 느린편이라 전화를 더 선호합니다. 남들과 똑..

sliderType page 만들기 이미지나 컨텐츠를 슬라이드 형태로 보여주는 슬라이드 타입의 웹페이지 틀을 만들어 보겠습니다. 코드블럭 메인 슬라이드 영역 EVENT 오사카 여행 휴식과 낭만 그리고 즐거움을 찾으러 오사카로 떠나는 이들을 위한 여행가이드 페이지 관광지, 맛집, 카페등 오사카여행지와 관련된 정보를 공유합니다. 자세히보기 상담신청 이전 이미지 다음 이미지 첫번째 이미지 두번째 이미지 세번째 이미지 플레이 정지 보충설명 .blind 웹페이지에서 시각 장애인을 위한 웹 접근성을 높이기 위해 사용되는 CSS 클래스명 중 하나. 일반적으로, 시각 장애인들은 스크린 리더(Screen Reader)라는 도구를 사용하여 웹페이지를 이용한다. 스크린 리더는 웹페이지에서 텍스트 정보를 읽어주는 도구인데, ..

ImgTextType page 코드블럭 notice 오사카 먹거리의 종류 오사카에는 타코야키, 가츠동, 오꼬노미야키, 교자, 라멘 등등 여러가지 먹거리가 있습니다. 타코야키(Takoyaki) 가츠동(カツ丼) 오꼬노미야키(Okonomiyakki) 교자(交子) 라멘(Ramen) 유카쿠(Yakitori) 꼬치야키(Kushikatsu) 보충설명 ▶ 전체 section 태그안에 container태그를 주고 article박스 3개를 만들어 주어 텍스트박스하나와 이미지 박스 두개를 만들어 구조를 잡아줍니다. ▶css를 주기위해 article박스별 class명을 지어줍니다. ▶p태그 안에 간단한 설명입력후 ul>li 태그를 만들어 리스트를 만들어 줍니다. ▶이미지는 img src 태그속 경로를 입력하여 넣어줍니다. ▶..

퀴즈사이트 만들기 이번에는 다음 이미지처럼 다중 게시물로 여러문제를 동시에 올리며 다음 프레임처럼 정답일때는 정답아이콘 모션과 틀렸을때는 틀림아이콘 모션을 만들어보겠습니다 코드블럭 Quiz 주관식 확인하기(여러문제) 유형 1 2 3 4 . 정답입니다! 틀렸습니다! 정답 확인하기 . 정답입니다! 틀렸습니다! 정답 확인하기 . 정답입니다! 틀렸습니다! 정답 확인하기 lee3ll@naver.com ☞ quizInfo에 여러 문제를 입력하였고 querySelector에 All을 붙여 일치하는 모든요소를 한번에 불러냈다. ☞ for문을 사용한 문제종류와 시간출력 방법 for(let i=0; i

MySQL이란 ✨MySQL은 관계형 데이터베이스 관리 시스템(RDBMS)의 하나로, 오픈소스이며 가장 널리 사용되는 데이터베이스 중 하나입니다. MySQL은 다양한 운영체제에서 동작할 수 있으며, 많은 프로그래밍 언어와 호환되어 사용됩니다. ✨MySQL은 대규모 데이터 집합을 효율적으로 관리할 수 있도록 설계되었으며, 다중 사용자 환경에서 안정적인 성능을 제공합니다. 이를 위해 인덱싱, 트랜잭션, 보안 등의 기능을 제공하며, 데이터의 안정성과 일관성을 보장하기 위해 ACID(원자성, 일관성, 격리성, 지속성) 규칙을 따릅니다. ✨MySQL은 오픈소스이기 때문에 무료로 다운로드 및 사용이 가능합니다. 많은 웹 사이트, 애플리케이션 및 기업에서 MySQL을 사용하고 있으며, 이를 통해 데이터의 효율적인 관리..

for문은 while문과는 달리 자체적으로 초기식, 표현식, 증감식을 모두 포함하고 있는 반복문이다. 문법 for (초기식; 조건식; 증감식) { 조건식의 결과가 참인 동안 반복적으로 실행하고자 하는 실행문; } for in문 🎈반복문의 한 종류로, 주어진 iterable 객체의 모든 항목을 순서대로 반복하여 처리할 수 있도록 해주는 구문. 문법 for 변수 in iterable 객체: 객체의 모든 열거할 수 있는 프로퍼티의 개수만큼 반복적으로 실행하고자 하는 실행문; 🎈 for in문은 일반적인 for문과는 전혀 다른 형태의 반복문이다. 🎈 for in문은 해당 객체의 모든 열거할 수 있는 프로퍼티를 순회할 수 있도록 해준다. 예제 결과값. name age for of문 for-of 문은 JavaScr..

카드유형 사이트 만드는 방법 코드블럭 오사카 관광지 오사카시는 일본 오사카부에 있는 도시로 일본에서 도쿄 다음으로 규모가 큽니다. 도시 단위의 경제 규모로 세계 3위. 도시권 인구로 세계 12위의 메가 시티로 평가됩니다. 오사카성 오사카의 전망을 한눈에 볼 수 있는 꼭대기 층에는 꼭 올라가 보세요. 봄이 되면 활짝 핀 벚꽃을 구경하러 일본 및 세계 각지에서 온 관광객이 성 부지로 모여듭니다 자세히 보기 도톤보리 도톤보리는 오사카를 대표하는 가장 유명한 상업 지구입니다. 상점, 레스토랑 및 엔터테인먼트 센터가 즐비해 있죠. 많은 관광객들이 밤에 이곳을 방문하여 맛집을 찾아옵니다. 자세히 보기 유니버셜스튜디오 유니버설 스튜디오 재팬은 가족, 연인, 친구 모두에게 큰 사랑을 받는 곳입니다. 유명한 영화를 테마..

자바스크립트 테스트 예제 01. 결괏값을 작성하시오. { if( null ){ console.log("true"); } else { console.log("false"); } } 📝정답 false 🖍조건문에서 0, null, undefined, false, ""(빈문자열) 은 false로 작동합니다. 02. 결괏값을 작성하시오. { let num = 0; while( num 6 ){ break; } console.log(num); } } 📝정답 1, 2, 4, 5, 6 🖍num의 변수 0을 넣었을때 num++식이 먼저 실행되어 결과값 1부터 시작됩니다. cotinue 속성으로 인해 3의 값은 건너뛰고 break속성으로 6에서 멈춰줍니다. 07. 결괏값을 작성하시오. { for(let i=1; i { co..

퀴즈사이트 만들기 저번 게시물에서 기본 퀴즈사이트 레이아웃을 만들었다면 이번엔 정답 입력 후 입력 값에 따라 강아지 모션이 변하는 사이트를 만드는 방법입니다. ※정답을 입력해 보세요 코드블럭 Quiz 주관식 확인하기 유형 1 2 . 정답 확인하기 연변대비 설명 lee3ll@naver.com main코드는 이전과 같기때문에 복사해줍니다. 코드보충설명 Input 사용자가 값을 입력할 수 있는 텍스트 상자, 체크박스, 라디오 버튼 등을 생성. 요소는 다양한 속성(attribute)을 가질 수 있다. (ex) 'id' , 'name', 'value', 'required', 'plaoeholder', 'plaoeholder', 'disable') value html의 입력요소에서 사용되는 속성 중 하나. 이 속성..

퀴즈사이트 만들기 화면에 문제가 나와서 정답여부에 따라 강아지의 모션이 바뀌는 사이트를 만들기 코드블럭 Quiz 정답 확인하기 유형 . 정답 확인하기 연변대비 lee3ll@naver.com 강아지 모션 css는 다음 홈페이지를 참고해 주세요 https://wsss.tistory.com/913 보충설명 radial-gradient CSS의 배경 속성 중 하나로, 원형 혹은 타원형 그라데이션을 생성하는 방법. linear-gradient CSS의 배경 속성 중 하나로, 직선 형태로 그라데이션(gradient)을 생성하는 방법. box-sizing CSS의 박스 모델(Box Model)에서 요소의 크기를 결정하는 방법을 지정하는 속성. querySelector DOM)에서 요소를 선택하는 메소드 중 하나로 q..