기초공사 (html,css,javascript)

1.산술연산자 연산자의 왼쪽이나 오른쪽에 있는 연산 대상을 '피연산자' 라고 한다.. 대부분 산술 연산자는 피연산자가 2개 이지만, 증가 연산자와 감소 연산자는 피연산자가 1개이다 let x = 10, y = 4, result // 변수선언 result = x / y //나누기연산자 result = x %y //나머지 연산자 result = x + y-- 는, 이렇게 바꿀 수 있다. result = x + y y = y-1 로 바꿀 수 있다. result = ++x -y 는, x = x +1 resutl = x + y 로 바꿀 수 있다. 2. 조건연산자 조건이 복잡하지 않고 true와 false가 명확할 경우 if문을 사용하지 않고 조건 연산자만으로 조건을 체크할 수 있다. 조건연산자 ?와 : 을 사용해..

.프롬프트 창에 이름을 입력하고 '확인' 버튼을 클릭하거나 enter를 눌르면 입력했던 값이 즉시 콘솔창에 표시된다. 그 결과, prompt( ) 반환값은 사용자가 입력한 내용이 되어 이 반환값을 프로그램에 사용할 수 있다. 기본형 prompt(내용,기본값) 사용자가 취소버튼을 클릭하면 사용자가 값 입력을 취소하는 경우에는 null이 반환된다.

1.예제먼저 풀어보자 화씨온도를 섭씨온도로 바꿔보자 시중에 많이 나온 문제지만 기본이 중요하다. html코드 섭씨와 화씨변환하기 js코드 // 섭씨:celsius, 화씨 : fahrenheit let fa = parseFloat(prompt("변환할 화씨온도 입력해줘")); let cel; // 섭씨온도 = (화씨온도 - 32) / 1.8 cel = ((fa - 32)/1.8).toFixed(1); alert(`화씨 ${fa}는 섭씨온도 ${cel}입니다`); parseFloat는 실수로 변환하는 자료형이다. toFixed(1) = 소수 한자리만 출력해주는 자료형이다. parseInt()함수는 소괄호 안의 값을 정수로, parseFloat()함수는 소괄호 안의 값을 실수로 변환한다. 프롬프트 창은 텍스트..

콤보박스를 선택해서 input이 아닌 div에 출력하고 싶을때. select태그를 알게되었고, selectIndex라는 속성을 알게되었다. 하나다보면 이 태그에 내가 선택한 태그에 속서이 뭐가 있는지 궁금할때는 변수 지정하고 consol.log가 아니라 console.dir를 하면 종류를 알수있다. ---Select options Rugby Cricket Swimming Volleyball var d = document.getElementById("heeselect"); --> console.dir(d); 콘솔창을 보면 많은 value가 있다 그 중에 내가 찾던 것이 나왔다. selectIndex! var displaytext = d.options[2]; 콘솔창에서 보면 Cricket만 선택이 됨을 알수..

// 1번. 콘솔창에 1부터 30까지 띄어쓰기로 구분해서 한줄로 출력하기 /* for(a = 1; a

// heading을 클릭했을때 그 부모인 question에 active클래스가 추가되어야하고 사용자가 몇번째 heding을 클릭했는지 알아야함. 무엇을 클릭했는지. heading에 타겟을 주어서 그 부모에 active를 넣어줘야함. 그전에 모든 question에 active를 삭제해줘야함. 그런데 heading도 여러개여서 배열로 들어올거고,, quesiton도 여러개여서 배열로 들어올것이다. for 반복문을 이용한다. for(){ question[z].classList.remove('active'); } --> 그리고 heading의 무엇을 클릭했는지 알려고 하면 function(ev)를 넣어서 즉 매개변수를 넣어서 그 heading의 부모노드에 active를 추가해줘야함. ev.targer.pare..

//html Collapse All FAQ + Lorem ipsum dolor sit? Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad aliquid voluptate fugit quaerat non molestiae quo magni soluta minima corporis! Soluta, ipsa et. Quos quibusdam, nesciunt totam ullam quasi neque! + Lorem ipsum dolor sit? Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad aliquid voluptate fugit quaerat non molestiae quo magni s..

반복문에는 for,while함수가 있다. 1.for 순서를 생각하기. 2.while ex) 3단구구단 3x1=3 3x2=6..으로 출력되게 for문을 이용 / /for (시작; 끝; 증가or감소) for(var i=1; i3x1=3 3x2=6 ..출력됨.. // 6에서 멈춰하면 for(var i=1; i

포폴 js에 코드를 좀더 수정하고자 알아보니 IntersectionObserver Entry에 대해 알게되었다. 여러 블로그를 참고해서 정리를 하였다. New IntersectionObserver(callback (entries, observer), [options] ); ◆ Callback Target과 root가 교차되어 화면에 보이게 되었을 때 호출되는 함수. Callback은 entries, observer를 매개변수로 받는다. . Entries intersectionObserverEntry 객체 리스트를 배열형식으로 반환한다. .Observer 콜백이 호출되는 intersectionObserver ◆ Options ■ Root -어떤요소를 기준으로 target이 들어오고 나가는 것을 확인할 것인..

배열은 요소의 길이. 즉 요소의 갯수이다! 이미지가 4개가 있다하자. const images = [1.jpg, 2.jpg, 3.jpg. 4.jpg]; 배열은[ ]작성하며, 여기에서의 두번째를 선택하고 싶을때는 0부터 시작하므로 console.log(images[1]); //2..두번째가 표시된다.