공부/javascript41 javascript - 알고리즘 연습 정리보다는 그때그때 풀이를 올리는 식으로 올려보겠다. 문제1 : 제곱근 구하는 문제 - 자바스크립트 제곱 표현 방법은 Math.pow()메서드를 사용한다. - 음수의 소수 지수는 허수로 NaN을 반환한다. - 계산 가능 범위를 넘어서면 Infinity를 반환한다. ex) 2^3 = 8 ========== var num1 = Math.pow(2,3) - 앞 자리 숫자는 밑, 뒷자리 숫자는 지수를 의미한다 (2의 3제곱) 문제2 : 유주는 놀이공원 아르바이트 중입니다. 그런데 놀이기구마다 키 제한이 있습니다. 유주가 담당하는 놀이기구는 키가 150cm 이상만 탈 수 있습니다. 입력으로 키가 주어지면 키가 150이 넘으면 YES를 틀리면 NO를 출력하는 프로그램을 작성하세요. const msg = prompt.. 2024. 1. 21. 2022.07.21 - 무한 슬라이드 구현 프로젝트때 슬라이드 구현에 꽤나 애를 먹었던 기억이 있었다. 이번에는 좀 완벽하게 해보고 싶어서 구글링 참고하여 가로 길이 맞춰 구현해봤다! 역시 하고나면 뿌듯해~~ * 01 ~ 05 까지 총 다섯개의 이미지 무한루프 [ 중요 포인트 !! ] 1. li를 클론하여 앞뒤로 복사해준다 ( classList 이용해서 "clone" 클래스 추가 ) 2. 슬라이드로 보여줄 li 너비를 설정하고 3. ul과 li를 감싸고 있는 wrapper에 position relative를 설정 4. 슬라이드로 보여줄 li에 position absolute 설정 5. 슬라이드를 부드럽게 전환시켜 줄 transition이 포함된 css 클래스 추가해주기 (나중에 js에서 classList로 추가해서 전환효과 줄것) 6. clone.. 2022. 7. 21. 2022.07.13 - javascript 30 [ day6 ] type ahead - 도시 api 를 이용하여 키워드를 통해 도시 이름을 검색할 수 있는 페이지를 만들었다. 나중에 한국 공공 api 를 이용해서 충북 맛집리스트 키워드 검색 등 만들어보고 싶은 것이 많아졌다 ! 아자 아자 [ JS ] const endpoint = "https://gist.githubusercontent.com/Miserlou/c5cd8364bf9b2420bb29/raw/2bf258763cdddd704f8ffd3ea9a3e81d25e2c6f6/cities.json"; const cities = []; // 빈배열 fetch(endpoint) .then((blob) => blob.json()) .then((data) => cities.push(...data)); // Blob을 활용하면 자바스크립트로 이미.. 2022. 7. 13. 2022.07.08 - javascript 비기너 복습 (3) [ 14강 ~ 19강 요약 ] - Boolean 오브젝트 빌트인 오브젝트 이며, true와 false로 처리한다. - 자바스크립트 특징 소스 파일의 코드를 사전에 컴파일하여 실행파일을 만들어놓지 않고, 사용하는 시점에 컴파일하고 실행한다. - 컴파일 순서 소스 파일의 위에서 아래로 컴파일된다. function 키워드를 만나면 function 오브젝트를 생성한다. 이때, 함수 안의 코드는 컴파일하지 않는다. 함수가 호출되었을때 컴파일된다. - js와 객체지향 언어 객체지향 프로그래밍 언어 (OOP: Object Oriented Programming) 자바스크립트는 객체 지향 언어이다. - OOP의 객체 - 객체 (object) 행위(Behavior) 와 속성(Attribute) 으로 구성되어 있다. 행위 .. 2022. 7. 8. 2022.07.07 - javascript 비기너 복습 (2) [ 9강 ~ 13강 요약 ] - new Array() Array 인스턴스 생성, 반환 파라미터에 따라 배열 생성 기준이 다르다. 파라미터를 작성하지 않으면 빈 배열이다. 작성한 순서로 엘리먼트에 설정된다. - Array() Array 인스턴스 생성, 반환 new Array()와 생성 방법 및 기능이 같다. Array()는 직접 생성자 함수를 호출하여 인스턴스를 생성한다. - length 프로퍼티 배열 [1,2,3]에서 length 값은 3이다. 열거, 삭제는 할 수 없지만 변경은 가능하다. length 값을 변경하면 배열의 엘리먼트 수가 변경된다. - delete 연산자 var 변수는 삭제 불가 글로벌 변수는 삭제 가능 삭제 성공시 true, 실패시 false 반환 let book = {title:"자바.. 2022. 7. 7. 2022.07.06 - javascript 비기너 복습 (1) [ 3강~ 8강 요약 ] - debugger 디버그 : 프로그램의 오류를 발견하고 그 원인을 밝히는 작업 과정 브라우저의 개발자 도구 창이 열려있을때만 멈추게 된다. 열려있지않으면 멈추지 않음 ( ES5 부터 지원 ) const name = "기묜"; debugger; console.log(name); -> 디버그에서 무슨 조치를 취하지 않으면 콘솔은 실행되지 않음. 개발자모드에서 f11 은 다음 라인으로 이동되기때문에 그때서야 비로소 콘솔이 실행됨. - while : 표현식의 평가 결과가 false가 될 때 까지 문장을 반복하여 실행한다. 반복이 종료되는 조건이 필요함 - do ~ while : while과 같지만 do문을 먼저 실행한다. let a = 0; do { console.log("do:", .. 2022. 7. 6. 이전 1 2 3 4 ··· 7 다음
