개발 여행자, 현

[React] state 변경함수 사용시 유의할 점 (setState 비동기처리) 동기(synchronous) / 비동기처리(asynchronous)란? 자바스크립트는 일반적인 코드를 작성하면 동기적으로 처리한다. 동기적으로 처리한다는 것을 쉽게 얘기하면 코드를 적은 순서대로 윗줄부터 차례로 코드가 실행된다는 뜻이다. 사실 거의 모든 프로그래밍 언어들은 위에서 부터 차례대로 동기적으로 코드가 실행된다. console.log(1+1) console.log(1-1) console.log(1) // 결과값 2 0 1 자바스크립트에서 비동기 처리를 이용하고자 하면 ajax, setTimeout과 같은 함수들을 사용한다. 이런 함수들은 처리시간이 오래걸리는데, ajax를 예로 들면 인터넷 상황이 안좋으면 코드 실..

[JavaScript] 프로그래머스 게임 맵 최단거리 (BFS) 문제 ROR 게임은 두 팀으로 나누어서 진행하며, 상대 팀 진영을 먼저 파괴하면 이기는 게임입니다. 따라서, 각 팀은 상대 팀 진영에 최대한 빨리 도착하는 것이 유리합니다. 지금부터 당신은 한 팀의 팀원이 되어 게임을 진행하려고 합니다. 다음은 5 x 5 크기의 맵에, 당신의 캐릭터가 (행: 1, 열: 1) 위치에 있고, 상대 팀 진영은 (행: 5, 열: 5) 위치에 있는 경우의 예시입니다. 위 그림에서 검은색 부분은 벽으로 막혀있어 갈 수 없는 길이며, 흰색 부분은 갈 수 있는 길입니다. 캐릭터가 움직일 때는 동, 서, 남, 북 방향으로 한 칸씩 이동하며, 게임 맵을 벗어난 길은 갈 수 없습니다. 아래 예시는 캐릭터가 상대 팀 진영으로 가..

[JavaScript] 프로그래머스 타겟넘버 문제 https://school.programmers.co.kr/learn/courses/30/lessons/43165# n개의 음이 아닌 정수들이 있습니다. 이 정수들을 순서를 바꾸지 않고 적절히 더하거나 빼서 타겟 넘버를 만들려고 합니다. 예를 들어 [1, 1, 1, 1, 1]로 숫자 3을 만들려면 다음 다섯 방법을 쓸 수 있습니다. -1+1+1+1+1 = 3 +1-1+1+1+1 = 3 +1+1-1+1+1 = 3 +1+1+1-1+1 = 3 +1+1+1+1-1 = 3 사용할 수 있는 숫자가 담긴 배열 numbers, 타겟 넘버 target이 매개변수로 주어질 때 숫자를 적절히 더하고 빼서 타겟 넘버를 만드는 방법의 수를 return 하도록 solution 함..

Replace() 자바스크립트의 Replac()함수는 특정 문자를 다른 문자로 치환해준다. str.replace("찾을 문자열", "변경할 문자열") 예제를 통해 알아보자 str = "BANANA"; result = str.replace("A", "#"); // B#NANA 실행결과는 다음과 같다. 처음 나오는 'A'문자만 '#'으로 변경되었는데, 그 이유는 replac()함수는 처음 일치하는 문자열만 변환해주기 때문이다. global option (모든 텍스트 변환) 전체 문자를 바꾸기 위해서는 global option을 이용해야한다. 이는 정규표현식을 사용해야 하는데 정규표현식을 사용하는 방법은 아래와 같다. str.replace(/찾을 문자열/gi,'변경할 문자열') 이는 문자열에 존재하는 모든 '..