javascript 7

Javascript - 호이스팅에 관하여

자바스크립트에서 함수 호이스팅이란? 함수를 먼저 실행시키고 함수선언문(Function Declarations)을 나중에 작성해도 자바스크립트에서 해당 함수를 실행시킬 수 있는 것. 함수선언문(Function Declarations) - fucntion MyFunc(){} 형태의 함수 선언문 함수표현식(Function Expressions) - 변수에 함수를 할당하는 방식(JS의 유연한 특성) → JS 컴파일 시점에 나중에 선언된 함수에 대한 메모리를 할당해놓은 상태이기 때문에, 실행 시점에 선언된 함수의 식별자 정보를 이미 알고 있음. 정확히 말하면 자바스크립트는 함수만 호이스팅 할 수 있는게 아니라 변수까지 호이스팅 가능하다. 그 전에 자바스크립트가 변수를 할당하는 과정을 알아야 한다. 자바스크립트가 ..

Javascript 2022.05.01

[코딩테스트] 2022 KAKAO BLIND RECRUITMENT 신고 결과 받기(Javascript)

문제 보러 가기: https://programmers.co.kr/learn/courses/30/lessons/92334 코딩테스트 연습 - 신고 결과 받기 문제 설명 신입사원 무지는 게시판 불량 이용자를 신고하고 처리 결과를 메일로 발송하는 시스템을 개발하려 합니다. 무지가 개발하려는 시스템은 다음과 같습니다. 각 유저는 한 번에 한 명의 programmers.co.kr function solution(id_list, report, k) { var answer = Array.from({length: id_list.length}, ()=>0); var report_map = new Map(); // 신고 명단 id_list.forEach((id)=>{ report_map.set(id, []); // 신고 ..

코딩테스트 2022.02.06

(javascript 기초) Array.sort() 배열 순서 정렬 메소드

실무에서도 많이 쓰이지만, 특히 알고리즘에서 매우 빈번하게 등장하는 자바스크립트의 Array.prototype.sort에 대해 알아보자. sort 정렬하는 메소드 (1) array의 각 원소를 일시적으로 문자열로 치환하여 정렬한다. (2) 원본 배열을 변경한다. let arr = ['banana', 'earth', 'red', 'blue']; arr.sort(); console.log(arr); // ['banana', 'blue', 'earth', 'red'] arr = [1, 150, 39, 84, 6] arr.sort(); console.log(arr) // [1, 150, 39, 6, 84] -> 문자열로 취급하였기 때문 숫자 오름차순으로 정렬하고 싶다면? 크기를 비교하는 callback함수를 인..

Javascript 2021.12.26

[코딩테스트] 2018 카카오 블라인드 테스트 - [1차]비밀지도 (Javascript)

문제 보러 가기: https://programmers.co.kr/learn/courses/30/lessons/17681 코딩테스트 연습 - [1차] 비밀지도 비밀지도 네오는 평소 프로도가 비상금을 숨겨놓는 장소를 알려줄 비밀지도를 손에 넣었다. 그런데 이 비밀지도는 숫자로 암호화되어 있어 위치를 확인하기 위해서는 암호를 해독해야 한다. 다 programmers.co.kr 나의 풀이: https://programmers.co.kr/learn/courses/30/lessons/17681/solution_groups?language=javascript&type=my 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업..

코딩테스트 2021.11.27

[코딩테스트] 2019 카카오 개발자 겨울 인턴십 - 크레인 인형뽑기(Javascript)

문제 보러 가기: https://programmers.co.kr/learn/courses/30/lessons/64061 코딩테스트 연습 - 크레인 인형뽑기 게임 [[0,0,0,0,0],[0,0,1,0,3],[0,2,5,0,1],[4,2,4,4,2],[3,5,1,3,1]] [1,5,3,5,1,2,1,4] 4 programmers.co.kr 나의 풀이: https://programmers.co.kr/learn/courses/30/lessons/64061/solution_groups?language=javascript&type=my 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. program..

코딩테스트 2021.11.22

[코딩테스트] 2020 카카오 인턴십 - 키패드 누르기 (Javascript)

문제 링크: https://programmers.co.kr/learn/courses/30/lessons/67256 코딩테스트 연습 - 키패드 누르기 [1, 3, 4, 5, 8, 2, 1, 4, 5, 9, 5] "right" "LRLLLRLLRRL" [7, 0, 8, 2, 8, 3, 1, 5, 7, 6, 2] "left" "LRLLRRLLLRR" [1, 2, 3, 4, 5, 6, 7, 8, 9, 0] "right" "LLRLLRLLRL" programmers.co.kr 나의 풀이: https://programmers.co.kr/learn/courses/30/lessons/67256/solution_groups?language=javascript&type=my 프로그래머스 코드 중심의 개발자 채용. 스택 기..

코딩테스트 2021.11.21

[리액트 with 노마드코더] axios 세팅

보통 자바스크립트에서는 fetch를 사용하여 데이터를 가져오지만 fetch보다 더 좋은 것이 axios다. 리액트, 뷰와 같은 프레임 워크 안에서 쓰기 딱 좋다. 오늘 강의는 axios를 쓰기 위한 기본 세팅법을 배웠다. 우선 엑시오스(또는 에이시오스) 설치부터 해야 1. npm i axios 2. import axios from "axios"; [코드 샘플] import React from 'react'; import axios from 'axios'; class App extends React.Component{ state = { isLoading: true, movies: [] }; getMovies = async() => { const movies = await axios.get('https://..

리액트 2020.04.30