본문 바로가기

개발공부_Blog184

JavaScript _ String객체 String객체는 생성자 함수다. new 연산자와 함께 호출하여 string 인스턴스를 생성할 수 있다. new 연산자를 사용하지 않고 string 생성자 함수를 호출하면 string인스턴스가 아닌 문자열을 반환한다 // 숫자타입, 불리언타입 => 문자열 타입 String(1)// "1" String(NaN)// "NaN" Stting(true)//"true" length 프로퍼티 문자열의 문자 개수를 반환한다. 'hello'.length// 5 String 메서드 배열에는 원본 배열을 직접 변경하는 메서드와 새로운 배열을 생성하여 반환하는 메서드가 있다. 문자열은 변경 불가능한 원시값이기 때문에 String 객체의 메서드는 언제나 새로운 문자열을 반환한다. 문자열 찾기 문자열찾기 ( indexOf, i.. 2022. 11. 8.
Math프로퍼티, 메서드(abs, around, ceil, floor, random, max, min) Math는 수학적인 상수,함수를 위한 프로퍼티와 메서드를 제공한다. Math프로퍼티 Math.PI 원주율값을 반환한다 Math.PI // 3.141592653589793 Math메서드 Math.abs 인수로 전달된 숫자의 절대값을 반환한다. Math.abs(-223) // 223 Math.around 인수로 전달된 숫자의 소수점 이하를 반올림한 정수를 반환 Math.round(1.4)// 1 Math.round(1.7)// 2 Math.round(-1.4) // -1 Math.round(-1.7) // -2 Math.ceil 인수로 전달된 숫자의 소수점 이하를 올림한 정수를 반환 Math.floor 인수로 전달된 숫자의 소수점 이하를 내림한 정수를 반환 // ceil 올림 Math.ceil(1.4)// .. 2022. 11. 7.
JavaScript _ Number 객체 Number객체는 생성자 함수다. new연산자와 함께 Number인스턴스(객체)를 생성할 수 있다. new연산자를 사용하지 않고 Number생성자 함수를 호출하면, 일반 함수를 호출하는 것과 같다. 이 때는 Number인스턴스가 아닌 숫자를 반환한다. 이를 이용하여 명시적으로 타입을 변환하기도 한다. // 문자열타입 -> 숫자타입 Number('0')// 0 Number('-1')// -1 Number('10.23')// 10.23 // 불리언타입 -> 숫자타입 Number(true)// 1 Number(false)// 0 Number.isNaN 인수로 전달된 숫자값이 NaN인지 검사하여 결과를 불리언으로 반환 Number.isNaN은 전달받은 인수를 암묵적 타입변환하여 검사하지 않는다. 숫자가 아닌 인.. 2022. 11. 7.
서울시 openAPI 사용해봄 서울시 openAPI를 사용해서 간단한 프로그램을 만들어봤다. https://data.seoul.go.kr/dataList/OA-15486/S/1/datasetView.do 날씨가 서늘해지니 음악회나 공연이 생각이나는데, 일일이 검색하기가 귀찮아서 한번에 보고 싶어 만들어봤다. 오늘의 목표는 openAPI의 활용이었기에 디자인이나 로그인 기능은 크게 비중을 두지 않았다. 말그대로 조각 프로젝트..라고나 할까ㅎㅎ 허접하지만 허접하지 않다!!! nav나 footer는 지난번에 사용하던 것을 그대로 가져왔닼ㅋㅋㅋㅋ 1) 기본은 클래식 공연정보/ 버튼 클릭-> 해당 공연정보를 보여줌 2) 검색결과를 바탕으로 공연정보를 가져오는 것 샘플URL http://openapi.seoul.go.kr:8088/(인증키)/x.. 2022. 11. 4.
Array.reduce():누적의 결과를 출력한다 reduce메서드는 콜백함수와 초기값을 전달받아 자신을 호출한 모든 요소를 누적한 결과를 반환한다. reduce메서드의 네 가지 인수 accumulate : 초기값 또는 콜백함수의 반환값 (누산된 값) currentValue : reduce를 호출한 배열의 현재 요소값 index : 현재 요소의 인덱스 array : reduce를 호출한 원본 배열 아래 예제는 초기값0으로 시작해 콜백함수의 결과값을 전달받아 배열의 모든 요소를 누적한 결과를 반환한다. const sum = [1,2,3,4].reduce((accumulator, currentValue, index, array) => accumulator + currentValue, 0) 구분 콜백함수에 전달되는 인수 반환값 acc + cur accumul.. 2022. 10. 31.
css - flex의 정렬방식에 대하여! display flex에 대해 정리해봅시다 1 2 3 4 5 display : flex 부모 클래스에 flex 속성을 줘야 나머지 flex 속성을 사용할 수 있다. .box_wrap{ display: flex; } display : flex-direction : 정렬의 방향을 선택 정방향 : row; 정방향 + 역순정렬 : row-reverse; 세로방향 : column; 세로방향 + 역순정렬 : column-reverse; .box_wrap{ display: flex; flex-direction : row; // flex-direction : row-reverse; // flex-direction : column; // flex-direction : column-reverse; } justify-con.. 2022. 10. 24.
간단한데 자주 안써서 까먹는 button에 default style없애기 간단한데 자주 안써서 까먹는 button에 default style없애기 .nav_wrap_mini button{ border: none; outline: none; background-color: inherit ; cursor: pointer; // 마우스 올렸을 때 마우스 스타일 지정 -> 손모양 } 2022. 10. 24.
Array.filter( ) : 반환값이 TRUE인 것들로 새로운 배열을 생성 Array.filter( ) 자신을 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백함수를 반복 호출한다. 콜백함수의 반환값이 True인 요소로만 구성된 새로운 배열을 반환한다 원본 배열은 변경되지 않는다. const number = [ 1,2,3,4,5] const odds = number.filter((item, idx, arr) => { console.log( item, idx, arr ) return item % 2 }) 1_자신을 호출한 배열의 모든 요소를 순회, 콜백함수를 반복 호출한다. // ( item, idx, arr ) // 1 0 (5) [1, 2, 3, 4, 5] // 2 1 (5) [1, 2, 3, 4, 5] // 3 2 (5) [1, 2, 3, 4, 5] // 4 3 (.. 2022. 10. 11.
Array.map( ) : 실행한 결과를 가지고 새로운 배열을 생성한다 Array.map( ) map함수는 콜백함수의 반환값들로 구성된 새로운 배열을 반환한다. 이때 원본 배열을 변경되지 않는다. array.map(callbackFunction ( cur, idx, arr ), thisArg) map함수는 콜백함수(callbackFunction)와 thisArg의 두 개의 매개변수가 있고 콜백함수는 cur, index, arr 3개의 매개변수를 갖는다. cur : 배열 내 현재 값 idx : 배열 내 현재 인덱스 arr : 현재 배열 thisArg : 콜백함수 내에서 this로 사용될 값 인자를 받는 함수를 사용하여 숫자 배열 재구성 다음 코드는 인자가 한개인 함수를 이용하여 map이 어떻게 동작하는지 나타냅니다. 인자인 배열과 안의 요소들은 map을 통해 순회하면서 원본 .. 2022. 10. 11.

티스토리툴바