기초부터 시작하는 코딩 114

Javascript를 공부해 봅시다! - 번외편. 오답노트를 해보자(3)

- 오늘도 금요일입니다. - 어김없이 있는 오답노트의 날 - 같이 보시죠 01. 결괏값을 작성하시오. { (function(){ console.log("함수가 실행되었습니다."); })(); } - 정답 : 함수가 실행되었습니다 02. 결괏값을 작성하시오. { function func(str = "함수가 실행되었습니다."){ document.write(str); } func(); } - 정답 : 함수가 실행되었습니다 03. 결괏값을 작성하시오. { let sum = 0; for(var i=1; i num2) return num1 else return num2 } console.log(func(10, 23) + func(40, 50)) } - 정답 : 73

사이트를 만들어 봅시다. - SliderType(01)

-오늘은 위에 있는 예시처럼 슬라이드 형식의 페이지를 만들어 보겠습니다. - 구조는 커다란 이미지 위에 텍스트가 되어 있는 형식입니다. - 함께 바디부분의 코드를 먼저 보겠습니다. 메인 슬라이드 영역 EVENT 식물과 함께하는 일상 식물을 키우는 것은 건강하고 지속 가능한 생활 습관을 형성하는데 도움이 되며, 자연과의 소통을 이루는 작은 시작이 될 수 있습니다.책상 위에 하나의 작은 식물, 당신의 일상에 작은 변화를 더해보세요 . 자세히 보기 상담 요청 이전 이미지 다음 이미지 첫번째 이미지 두번째 이미지 세번째 이미지 플레이 정지 - 일단 구역을 크게 slider__info, slider__arrow, slider__dot 구역으로 나누어 주었습니다. - 그리고 구역을 각각 채워주면 되는데~!! 어라 ..

사이트를 만들어 봅시다. - ImgTextType(01)

- 오늘은 위에 있는 예시처럼 이미지와 텍스트로 이루어진 이미지텍스트타입의 페이지를 만들어 보겠습니다. - 구조는 크게 설명을 적은 텍스트 부분과 이미지로 이루어진 이미지 부분2개가 있겠습니다. - 함께 바디부분의 코드를 먼저 보겠습니다. 이미지&텍스트 영역 NOTICE 수많은 종류의 식물들 많이 기르는 식물의 종류는 지역에 따라 다르지만, 일반적으로 다음과 같은 식물들이 많이 기르고 있습니다. 장미 튤립 백합 카네이션 아몬드 로즈마리 페퍼민트 바질 라벤더 선인장 알로에 - 저는 크게 텍스트가 들어간 부분과 이미지가 들어간 부분 2개 총 3개지 부분으로 나누었습니다. - 텍스트가 들어간 부분에는 , ,,등의 태그를 사용하여 내용을 넣어주었습니다. - reset은 다른 곳에서 쓴 것을 그대로 가져왔습니다...

Javascript를 이용한 사이트 만들기! - 퀴즈 효과 사이트 만들기03

- 자 오늘은 2번에 있는 문제들을 여러 개가 있는 사이트를 만들어 보겠습니다. - 완성본 입니다. - 기본적인 HTML태그들은 문제가 있는 태그인 가 3개로 늘어난 것 말고는 달라진 것이 없습니다. - 그래서 script부분만 보도록 하겠습니다. - 차이점이 보이시나요?? 여러 개를 만들 때 가장 큰 차이점은 바로 선택자를 만들 때 querySelector가 아닌 querySelectorAll을 사용한다는 점입니다. - 그렇기 때문에 선택자를 입력할 때도 몇 번째 선택자인지 "[]"안에 번호를 넣어서 선택을 해주어야 합니다.(가장 많이 한 실수 ㅎㅎ;;) - 선택자의 종류 자체는 2번과 같습니다!! 아!! 종목과 횟수가 나누어져 있던 것을 하나로 합쳐주었어요!! - 문제가 3가지이니까 내용도 3개 여야..

MySQL을 배워봅시다! 01. 그래서 MySQL이 뭔가요?

MySQL은 오픈 소스 관계형 데이터베이스 관리 시스템(RDBMS)입니다. - MySQL은 다중 사용자, 다중 스레드 RDBMS로서, 데이터의 안정성과 보안성을 제공합니다. MySQL은 대부분의 운영 체제에서 작동하며, 웹 애플리케이션 개발, 데이터 분석, 빅 데이터, 클라우드 기반 애플리케이션 등에 많이 사용됩니다. - MySQL은 SQL(Structured Query Language)을 사용하여 데이터를 관리합니다. SQL은 데이터베이스에 저장된 데이터를 조작하기 위한 표준적인 언어로서, 데이터를 검색, 삽입, 업데이트, 삭제하는 데 사용됩니다. MySQL은 이러한 SQL 문을 이용하여 데이터를 쿼리 하고, 데이터의 무결성을 유지하며, 데이터베이스를 관리합니다. - MySQL은 사용이 간편하며, 대용..

Javascript를 공부해 봅시다! 09. addEventListener()

- addEventListener는 자바스크립트에서 HTML 요소에 이벤트 리스너를 추가하는 메서드입니다. 이벤트 리스너는 특정 이벤트가 요소에서 발생할 때 실행되는 함수입니다. - 다음은 addEventListener를 사용하여 이벤트 리스너를 추가하는 기본 구문입니다. element.addEventListener(event, function, useCapture); - 구성 요소는 다음과 같습니다. element: 이벤트 리스너를 추가할 HTML 요소입니다. event: 이벤트 이름입니다. 예를 들어, "click", "mousemove", "keydown" 등이 될 수 있습니다. function: 이벤트가 발생할 때 실행할 함수입니다. useCapture: 선택적 매개변수로, 이벤트 캡처링을 사용할..