전체 글(59)
-
[JavaScript] 문자열(string)을 변경 indexOf() , slice()
문제)주어진 주소에서 도시를 찾아 삭제하고 새로운 주소를 리턴해 주세요. sliceCityFromAddress 함수는 address 를 인자로 받습니다. address 는 주소를 나타내는 string 입니다. 도시는 무조건 ‘시’로 끝납니다. 예) “서울특별시”, “성남시” ‘시’는 주소에 한번만 포함되어 있습니다. 예를 들어, 다음과 같은 주소가 주어졌다면 "경기도 성남시 분당구 중앙공원로 53" >>> 다음과 같이 리턴 >>> "경기도 분당구 중앙공원로 53" 문자열 변경시 사용되는 method indexOf() : 배열의 위치를 문자열로 찾음 let cats = ["blue',"kitty","rusy","mayo"] cats.indexOf("rusy") //2 cats.indexOf("kitty")..
2022.09.24 -
[JavaScript] Array 조작하기 unshift() , push()
문제)divideArrayInHalf 함수를 다음과 같이 구현해주세요. divideArrayInHalf 함수는 array를 인자로 받습니다. 이 array는 숫자 값으로 만 구성되어 있으며 총 5개의 요소(element)들로 구성되어 있습니다. divideArrayInHalf 함수는 인자로 들어온 array 로 부터 새롭게 구성된 배열 result 을 리턴합니다. array 요소들 중 10과 같거나 작은 값의 요소들은 result의 맨 앞으로, 10보다 큰 값의 요소들은 result의 맨 뒤로 재구성된 배열을 리턴 해주세요. 재구성이 되는 순서는 array의 맨 뒤 요소부터 맨 앞 요소까지 입니다. 즉, 배열의 뒷 요소 부터 재구성을 진행해주세요. 예를 들어, 인자로 들어오는 array가 다음과 같을 때..
2022.09.24 -
[JavaScript] 빈 객체(object)에 key : value 추가
문제) getData 함수를 구현해주세요! getData 함수는 세 개의 배열을 인자로 받습니다. salesArr : 날짜별 판매량 >>> ex) [["20190401", 34], ["20190402", 23], ["20190403", 29]] reviewArr : 날짜별 리뷰수 >>> ex) [["20190328", 3], ["20190401", 0], ["20190403", 1]] likeArr : 날짜별 좋아요수 >>> ex) [["20190328", 98], ["20190401", 102], ["20190403", 125]] 다음 요구사항을 충족하는 객체를 만들어서 return 해주세요. 리턴되는 객체는 아래와 같이 3개의 property를 가집니다. sumAmount : 총 판매량 sumRevi..
2022.09.23 -
[JavaScript] birthdate 계산방법
문제)만으로 계산한 나이를 구하는 함수인 getWesternAge 함수를 구현해 봅시다. 이 함수는 birthday 라는 인자를 받습니다. 이 birthday 는 Date 객체 입니다. birthday 라는 인자를 넣었을 때, 현재를 기준으로 만으로 계산한 나이를 리턴 해주세요. birthday 는 string이 아닌 Date 객체라는 걸 명심하세요 :) 예를 들어, 오늘이 2020년 7월 21일이고, birthday 값이 다음과 같다면:리턴 값은 30 이 되어야 합니다. 1990-03-21T00:45:06.562Z 리턴 값은 현재 나이가 반환 되어야 합니다. function getWesternAge(birthday) { let todate = new Date(); let age = todate.getF..
2022.09.23 -
[JavaScript] Function(함수) - parameter, argument
⚡️매개 변수(parameter) 함수를 정의 하면서, 함수 선언식의 괄호()안에 어떤 변수명 을 쓰면, 우리는 그걸 매개변수 라고 부릅니다. 매개 변수는 그 이름처럼 실제로 함수 안쪽에서 변수와 같은 역할을 하게 됩니다. 함수가 호출될 때 값을 전달받게 되면 매개 변수에 값이 정의됩니다. ⚡️인자(argument) 어떤 함수를 호출하면서, 호출문의 괄호 안에 어떤 값 또는 값이 정의된 변수를 쓰면, 우리는 그걸 인자 라고 부릅니다. 함수에서 매개변수를 적어둔 상태라면, 호출시 인자로 전달한 값은 매개변수를 통해 사용 가능하게 됩니다. ⚡️Function(함수) - parameter, argument function halfNumber(value) { let myValue = value / 2; retu..
2022.09.21 -
[CSS] Block vs Inline & position
⚡️display block 요소의 의미 : 요소 바로 옆(좌우측)에 다른 요소를 붙여넣을 수 없다는 뜻입니다. block element :, , , , , , , , , , ,, , , , , , , , , , , 등 inline 요소의 의미 : 요소 바로 옆(좌우측)에 다른 요소를 붙여넣을 수 있다는 뜻입니다. inline element : , , , , , , , , , , , , , , , , , , , , ⚡️none : 화면에서 사라짐 display: none 으로 보이지 않다가, 텍스트를 입력하는 순간 JavaScript가 검색 목록 요소에 다른 클래스로 교체할 것입니다 ⚡️block div가 갖는 기본값. 가로 한줄을 다 차지(상자처럼 쌓임) ⚡️inline 컨텐츠를 딱 감쌀정도의 크기. ..
2022.09.20