문제 링크: https://school.programmers.co.kr/learn/courses/30/lessons/120585문제 설명머쓱이는 학교에서 키 순으로 줄을 설 때 몇 번째로 서야 하는지 궁금해졌습니다. 머쓱이네 반 친구들의 키가 담긴 정수 배열 array와 머쓱이의 키 height가 매개변수로 주어질 때, 머쓱이보다 키 큰 사람 수를 return 하도록 solution 함수를 완성해보세요.제한사항1 ≤ array의 길이 ≤ 1001 ≤ height ≤ 2001 ≤ array의 원소 ≤ 200입출력 예arrayheightresult[149, 180, 192, 170]1673[180, 120, 140]1900입출력 예 설명입출력 예 #1149, 180, 192, 170 중 머쓱이보다 키가 큰 ..

문제 링크: https://school.programmers.co.kr/learn/courses/30/lessons/120811문제 설명중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값을 return 하도록 solution 함수를 완성해보세요.제한사항array의 길이는 홀수입니다.0 -1,000 입출력 예arrayresult[1, 2, 7, 10, 11]7[9, -1, 0]0 입출력 예 설명입출력 예 #1본문과 동일합니다.입출력 예 #29, -1, 0을 오름차순 정렬하면 -1, 0, 9이고 가장 중앙에 위치하는 값은 0입니다.내가 작성한 코드우선..

문제 설명정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소의 평균값을 return하도록 solution 함수를 완성해주세요. 제한사항0 ≤ numbers의 원소 ≤ 1,0001 ≤ numbers의 길이 ≤ 100정답의 소수 부분이 .0 또는 .5인 경우만 입력으로 주어집니다.입출력 예numbersresult[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]5.5[89, 90, 91, 92, 93, 94, 95, 96, 97, 98, 99]94.0  내가 작성한 코드const solution=(numbers)=>{ sum=numbers[0]; for(i=1; i 단순히 for문을 돌려서 전체 합을 구한 다음전체 크기로 나눠 평균을 구하는 알고리즘을 작성했다 그런데 최다..

입력값이 배열인지 아닌지 판단하려면 어떻게 해야 할까?기본적으로 다음과 같이 if문을 쓰고 여러가지 조건을 붙이는 생각을 할것이다 1. typeof =='object'배열의 type은 기본적으로 'object'로 출력된다그래서 typeof연산자를 이용해 'object'인지 아닌지 판단한다 그렇지만 이러면 일반적인 객체도 type이 object이기 때문에 이것만으로 배열을 골라낼 수는 없다따라서 2번,3번 조건들로 object값을 가지는 다른 객체들 중에 배열이 아닌 것들의 특징을 이용해 배열을 골라내보자 2. inputArray !== nullJavaScript에서 null은 객체이며, 배열도 객체이기 때문에, null을 제외하는 조건을 추가해야 한다. 그래서 !==null 조건으로 inputArray가..

자바스크립트 비구조화 할당(Object Destructuring Assignment)에 대해 알아보겠습니다 다른 언어에도 이와 비슷한 문법은 있습니다 다른 언어에서는 '구조분해 할당(Structuring/Pattern Matching/Destructuring Assignment)' 이라고 부르는데, 둘 다 같은 문법과 기능이며 자바스크립트에서만 특별히 비구조화 할당이라고 부릅니다 비구조화 할당을 쓰지 않고 코딩하기우선 비구조화할당을 사용하지 않고 코딩을 해보겠습니다 다음과 같은 사용자의 이름, 키, 국적을 저장하는 객체가 있다고 가정해봅시다const user = { name: 'clice', height: 183, country: 'Korea' }; 그런다음 사용자의 이름, 키, 국적을 출력하려면 다음과..

동적 타입 언어 자바스크립트 언어는 크게 동적타입언어, 정적 타입언어, 강타입 언어, 약타입 언어로 나눌 수 있다. 동적 자료형 언어는 런타임 시에 변수의 자료형이 결정된다. 예시로는 Python, JavaScript, PHP, Ruby 등이 있다. 자료형이 런타임에 결정되기 때문에, 코드 작성 시 자료형을 명시적으로 지정해 줄 필요가 없다. 반면 정적 자료형 언어는 컴파일을 할 때 변수의 타입이 결정된다. 예시로는 C, C++, Java, C#, Scala 등이 있다. 자료형이 컴파일을 할 때 결정되기 위해서는, 코드 작성 시 명시적으로 자료형을 지정해주어야 한다. 자바스크립트는 동적 자료형(Dynamic) 언어이다. 그렇다면 자바스크립트가 동적 타입 언어라는걸 아는게 왜 중요할까? 아래 예시를 살펴보..

hasOwnProperty 함수의 기능 객체, 문자열 등 대상이 특정 속성을 가지고 있는지 판단하는 함수이다. 있는지 없는지 '판단'하는 함수이니까 반환값이 참/거짓으로 나온다. (Boolean 값으로 반환된다) 함수 사용 방법 대상.함수('찾을대상') 으로 사용한다 Variable.hasOwnProperty('Property') 로 사용한다. 예제 예제를 한번 살펴보자 //첫번째 예제 var actor1='주현영' var actor2='주만년' var actor3='주변호' var actor4='주집착' 배우 4명의 이름이 위와 같다. 이름은 순서대로 주현영, 주만년, 주변호, 주집착이다. 이때, 이름이 '주현영'인지 확인하고 싶다. 그러면 actor.hasOwnProperty('주현영') 으로 확인하..

나도 모르는 사이 에러를 만드는 Javascript자바스크립트는 전 세계 모든 웹 페이지에서 쓰이는 아주 인기 많은 언어이다. 하지만 인기에 비해서, 의외로 10일만에 개발된 아주 허접한 언어이다. 그렇기에 허점이 많다. 가장 큰 허점은 바로 타입을 명시하지 못 한다는 점이다. 그렇기에 한 변수에 숫자가 들어가기도 하고, 문자가 들어가기도 한다. 예제를 한번 살펴보자//매개변수 두개를 더하는 함수 function add(a,b){ return a+b }add(1,1) //2 두 매개변수를 더하는 add 함수가 있을때, 위와 같이 add(1,1)을 넘겨주면 반환값은 2가 된다. add(1,'1') //11 하지만 두번째 매개변수가 문자 1이라도, 자바스크립트는 어떻게든 두 변수를 더할것이고, 2가 반환될것..

호이스팅에 대한 개념은 자바스크립트 개발 면접에 필수적으로 나오는 사항이니, 프론트엔드 개발자라면 꼭 다른사람에게 설명할 수 있을만큼 숙지하고 넘어가자 호스팅? 호이스팅? 호스팅(Hosting)과 호이스팅(Hoisting)은 이름만 비슷한 완전 다른 개념이다- 인도와 인도네시아 정도 차이라고 생각하면 된다 호스팅은 웹 서비스나 서버 호스팅을 할 때 쓰는 용어이다 홈페이지를 만들어서 AWS서버에 올리면, 서버에 프로젝트가 '호스팅' 되었다 라고 한다 반면 호이스팅은 자바스크립트의 '특징'을 칭하는 용어다. Javascript는 인터프리터 언어임과 동시에 컴파일 언어다. 그래서 이러한 특징이 존재한다. 그럼 호이스팅에 대해 더 자세히 알아보자 호이스팅(Hoisting)의 개념 호이스팅(Hoisting)은 J..

프로젝트를 하다가 이미지 슬라이드를 만들 일이 있었다 그래서 다양한 영상을 찾아봤는데 좌우로 슬라이드 되는 코드는 아래 영상을 보면 된다 https://youtu.be/qHzSQrLjxlQ?si=qu4nNl1GeI4PdhyJ 근데 나는 위 아래로 슬라이드 되는 코드가 필요했다 30분 정도 구글링을 하다가, 시간이 조금 지연되길래 날먹 방법을 생각해냈다 슬라이드 되는 동영상 다운 받아서 video로 만든 다음에 autoplay, loop로 자동재생, 무한루프 시키는것이다 그렇게 되면 슬라이드가 계속 바뀌는 것 처럼 보인다~ 방법 넣을 동영상을 import 한 뒤에 넣고자 하는 위치에 아래 태그를 사용한다 직접 이미지를 쪼개서 넣고 직접 슬라이드를 만들어봐야겠지만, 이렇게 야매로 짜서 완성만 하는 경험도 중..

생활코딩 책을 보고 실습 🎲 코드 🎲 실행결과 night버튼을 누르면 야간 모드로 day버튼을 누르면 주간 모드로 바뀌는 것을 확인할 수 있다

실습환경: 맥북 m2 air 비주얼 스튜디오 코드 자바 스크립트를 복습하던 중 button 을 만들고 클릭하면 팝업창이 alert 되는 것을 구현하려고 했다 그런데 버튼을 아무리 클릭해도 창이 뜨지 않았다 그래서 코드를 다시 살펴보았다 뭐가 문제였는지 아무리 찾아도 모르겠었는데, 알고보니 onclick(온클릭)을 써야 할 곳에 oneclick(원클릭)이라고 썼다 +이제 보니 onceclick이라고 썼네.. 원쓰릭은 뭐지 🎲 oneclick -> onclick 코드를 수정하고 실행하자 정상적으로 alert 창이 뜨는 것을 볼 수 있다. 난 왜 지금까지 원클릭으로 알고 있었지.. vscode에서 html을 작성할때는 잘못 작성해도 빨간줄이 자주 생기지 않아 오류를 찾기 어렵다ㅜㅜ 이걸 해결하는 방법을 찾아봐..