본문 바로가기

분류 전체보기

(36)
프로그래머스 코딩 기초 트레이닝 수 조작하기 수 조작하기정수 n과 문자열 control이 주어집니다. control은 "w", "a", "s", "d"의 4개의 문자로 이루어져 있으며, control의 앞에서부터 순서대로 문자에 따라 n의 값을 바꿉니다."w" : n이 1 커집니다."s" : n이 1 작아집니다."d" : n이 10 커집니다."a" : n이 10 작아집니다.위 규칙에 따라 n을 바꿨을 때 가장 마지막에 나오는 n의 값을 return 하는 solution 함수를 완성해 주세요.while 문으로 변수 index를 도는 변수 하나를 선언해서 index 조건문으로 각 문자열에 맞게 n의 값을 올려준다.function solution(n, control) { var answer = 0; let index = 0; while(index
프로그래머스 코딩 기초 트레이닝 카운트 업 카운트 업정수 start_num와 end_num가 주어질 때, start_num부터 end_num까지의 숫자를 차례로 담은 리스트를 return하도록 solution 함수를 완성해주세요.for 문으로 i는 start 부터 ≤ end 와 같아질 떄 까지 i++ 해주고push로 배열에 넣어준다.function solution(start_num, end_num) { var answer = []; for (let i = start_num; i
프로그래머스 코딩 기초 트레이닝 문자열의 뒤의 n글자 문자열의 뒤의 n글자문자열 my_string과 정수 n이 매개변수로 주어질 때, my_string의 뒤의 n글자로 이루어진 문자열을 return 하는 solution 함수를 작성해 주세요.문자열의 뒤에서 부터 잘라야 하기 떄문에 slice() 함수를 사용한다.뒤에서 부터 잘라야 하기 때문에 매개변수로 주어진 n 을 이용해 -n 위치에서 잘라준다.파라미터로 문자열을 잘라낼 시작 index값(beginIndex)과 마지막 index값(endIndex)을 받아서,해당 index 값 사이의 문자열을 추출하는 함수입니다.endIndex 위치의 문자는 리턴값에 포함되지 않습니다.index는 0부터 시작합니다. function solution(my_string, n) { var answer = ''; retur..
프로그래머스 코딩 기초 트레이닝 접미사인지 확인하기 접미사인지 확인하기어떤 문자열에 대해서 접미사는 특정 인덱스부터 시작하는 문자열을 의미합니다. 예를 들어, "banana"의 모든 접미사는 "banana", "anana", "nana", "ana", "na", "a"입니다. 문자열 my_string 과 is_suffix가 주어질 때, is_suffix가 my_string 의 접미사라면 1을, 아니면 0을 return 하는 solution 함수를 작성해 주세요.loop문으로 돌미녀서 slice()함수를 사용하여 i 넣어주면서 접미사 인지 is_suffix 확인하여 맞으면 1을 변수에 넣어주고 아니라면 0을 리턴두 번쨰 방법 endWith() 함수를 이용하여 이 함수를 이용하면searchString은 문자열 끝에서 검색할 문자입니다.length는 검색할 문..
프로그래머스 코딩 기초 트레이닝 접미사 배열 프로그래머스 코딩 기초 트레이닝접미사 배열 어떤 문자열에 대해서 접미사는 특정 인덱스부터 시작하는 문자열을 의미합니다. 예를 들어, "banana"의 모든 접미사는 "banana", "anana", "nana", "ana", "na", "a"입니다.문자열 my_string이 매개변수로 주어질 때, my_string의 모든 접미사를 사전순으로 정렬한 문자열 배열을 return 하는 solution 함수를 작성해 주세요.접미사를 한 글자 씩 다 넣어줘어야 하니깐새로운 배열 하나 만들기for문으로 돌리면서 새로운 함수를 만들어서 여기에 두 가지 매개변수를 받고받은 매개변수를 만든 배열을 값을 넣어준다.이 떄 slice() 함수를 이용해 loop문에서 값을 넘겨주어서 받는다.i을 넘겨주면 처음에 i가 0 이니 ..
프로그래머스 문자열 앞의 n글자 프로그래머스 코딩 기초 트레이닝문자열 앞의 n글자문자열 my_string과 정수 n이 매개변수로 주어질 때, my_string의 앞의 n글자로 이루어진 문자열을 return 하는 solution 함수를 작성해 주세요.문자열과 정수 n이 주어졌을 떄 그 길이 만큼 요소를 출력하기 떄문에루프문을 사용하고 조건문을 통해 i 여기서 i≤n 조건으로 한다면 예를 들어 “He110W0r1d” 이면 “He110W”까지 출력이 된다이유는 인덱스가 0번 부터 시작하기 때문이다. 그래서 조건문을 i function solution(my_string, n) { var answer = ''; for (let i = 0; i
왜 웹 개발은 Javascript로만 해야할까? JS의 탄생자바스크립트의 탄생95년, 약 90%의 시장 점유율로 웹 브라우저 시장을 지배하고 있던 넷스케이프 커뮤니케이션즈는 웹페이지의 보조적인 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 언어를 도입하기로 결장하였다. 그렇게 탄생한 것이 브렌던 아이크가 개발한 JS다.96년 3월에 넷스케이프 내비게이터2에 탑재되었고 모카로 명명되었다.그러다 9월 라이브스크립트로, 12월에는 오늘날의 우리가 아는 자바스크립트라는 이름으로 최종 명명되었다.현재 모든 브라우저의 표준 프로그래밍 언어로 자리 잡았다. 그러나 JS가 탄생하고 얼마 뒤 파생버전인 Jscript가 출시되어 위기를 맞는다자바스크립트의 표준화96년 8월, MS는 JS 파생 버전인 JScript를 인터넷 익스플로러 3.0에 탑재했다. 하지..
Next.js Next.jsNext.js프레임워크다. 주도권은 Next.js가 가지고 있다. 자유도가 React에 비해 낮다.React 렌더링React 페이지 이동이 매우 빠르고 쾌적하다는 장점이 있다. (초기 접속 이후에 빠르다 치명적인 단점)처음 컨텍츠가 나타나는데 걸리는 시간 (FCP) 웹 브라우저의 성능을 지향한다.3초 이상 : 이탈률 32% 증가,5초 이상: 이탈률 90% 증가,6초 이상: 이탈률 106%증가,10초 이상: 이탈률 123% 증가 ⇒ 리액트에 치명적인 단점 ⇒ 리액트에 이러한 단점을 상쇄한게 Next.js 사전 렌더링 인다.리액트 렌더링 할 떄 JS 번들을 할 떄에 모든 코드(모든 페이지에 컴포넌트)가 들어 있다.Next.js 사전 렌더링브라우저의 요청에 사전에 렌더링이 완료된 HTML을 응답하..