자바스크립트 39

[프로그래머스/JavaScript] 기능개발

https://school.programmers.co.kr/learn/courses/30/lessons/42586 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1) 풀이 오랜만에 풀어보는 레벨 2.. 예전에 C++로 푼 거기도 하고, 그나마 레벨 2 중에서는 쉬워보여서 선택한 건데 워낙 오랜만에 알고리즘 풀어서 그런지 머리가 넹글넹글 잘 돌아가지 않았다😂 이건 뭐 대놓고 스택/큐 문제라고 해놨는데 신경을 안 쓸래야 안 쓸수가 읍지만 일단 저거 상관없이 그냥 내가 생각해본 방법으로 풀어봤다 function solution(progresses, speeds..

[프로그래머스/JavaScript] 나머지가 1이 되는 수 찾기

https://school.programmers.co.kr/learn/courses/30/lessons/87389 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1) 풀이 사실 이문제를 푼 건 단지 좀 난이도가 있을줄 알고 푼 건데.. 정답률이 90% 인 걸 보지 못했다..! 딱히 풀이할 것도 없이 명료하게 1,000,000 까지 반복문으로 나머지 구하기..! 코드 보니까 습관적으로 0부터 했는데 1부터 하는 게 원래는 맞을 것 같다 2) 최종 소스코드 function solution(n) { let answer = 0; for(let i=0;i

[프로그래머스/JavaScript] 콜라츠 추측

https://school.programmers.co.kr/learn/courses/30/lessons/12943?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1) 풀이 다시 알고리즘 공부를 한 이후, 유일하게 자료를 참고하지 않은 문제! (자료 안 찾아보고 푸는 게 당연한 거지만.. 오랜만에 공부를 다시 시작해서 감을 익히고 있는 과정이다😂) 그도 그럴 것이, 난이도 굉~ 장히 쉽고 딱히 복잡한 연산이 필요하지도 않았다 그래서 추석땜에 케텍스로 내려가는 길에.. 호다닥 푼 스낵 문제 하지만 다른 분들이 푼 코드가 궁..

[프로그래머스/JavaScript] 시저 암호

https://school.programmers.co.kr/learn/courses/30/lessons/12926 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1) 풀이 해당 문제는 좀 고민이 많았던 문제였다 난이도가 어려웠던 건 아닌데, 아스키 코드를 적용시켜 대문자, 소문자를 구분하려다보니 비슷한 형태인데 다 따로 코드를 적어주어 뭔가 낭비되는 느낌이 컸다..😂 그래서 다른 분들의 풀이를 봤는데, 어차피 n이 아무리 커도 25까지이기 때문에, 그냥 소문자 대문자를 한 문자열에 집어넣고 반복문으로 탐색해서 확인하는 방법을 많이 쓰셨다..! 나는 생각지..

[프로그래머스/JavaScript] 나누어 떨어지는 숫자 배열

https://school.programmers.co.kr/learn/courses/30/lessons/12910 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1) 풀이 이번 문제는 난이도 자체는 꽤 쉬웠으나 sort에서 '아..! 맞다!' 라고 생각했던 문제,, 자바스크립트의 기본이라면 기본이었는데 왜 까먹고 있었던 걸까 알고리즘 문제는 개발과는 또 다른 영역이다 .. 우선 간단하게 반복문으로 divisor로 딱 나눠떨어지는 요소들만 answer에 집어넣었다 그다음엔 answer에 하나도 들어갈 요소가 없는 경우 -1을 집어넣는 것 처리! (이제 보니..

[프로그래머스/JavaScript] 문자열 내림차순으로 배치하기

https://school.programmers.co.kr/learn/courses/30/lessons/12917 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1) 풀이 오랜만에 프로그래머스를 풀다보니 내 실력을 가늠할 수 있는 것 같다 😥 앞으로는 분발해서 자료 안 찾아보고도 할 수 있도록 연습해야지.. 해당 문제는 문자열 하나를 가지고 문자 하나하나를 내림차순으로 정리하는 문제였다! 대문자를 소문자보다 작다고 표현하는 걸 봐서 아스키코드 순이니까 그냥 냅다 비교하면 간단할 거라 생각해서 반복문 두개로 돌리고 삽질하다가.. 문득 문자열은 sort 할 ..

[React] 반복되는 컴포넌트 효율적으로 사용 (map() 함수)

※배워가고 있는 학생입니다. 틀린 내용이 있다면 댓글로 피드백 부탁드립니다😊 1) 개요 웹 어플리케이션을 만들다 보면 반복되는 코드를 작성할 때가 있다. 그래서 오늘은 리액트에서 반복되는 코드를 효율적으로 작성하는 방법에 대해 적어보려 한다! 2) map() 함수 자바스크립트 배열 객체의 내장 함수인 map 함수를 사용해서 반복되는 컴포넌트를 렌더링할 수 있다. map 함수는 파라미터로 전달된 함수를 사용해서 배열 내 각 요소를 원하는 규칙에 따라 변환한 후 그 결과로 새로운 배열을 생성한다. arr.map(callback, [thisArg]) • callback: 새로운 배열의 요소를 생성하는 함수 - currentValue: 현재 처리하고 있는 요소 - index: 현재 처리하고 있는 요소의 inde..

웹/React 2021.07.24

[JavaScript] function 에서의 세미콜론(;)

※배워가고 있는 학생입니다. 틀린 부분이 있다면 댓글로 피드백 부탁드려요😆 1) 개요 진짜 별거 아닌데, 가끔씩 자바스크립트 문법에서 세미콜론을 붙이냐 안 붙이냐 를 고민한 적이 좀 있다. 그래서 이참에 헷갈리는 거 정리해보려고 한다! 원칙은 아니고, 권고사항이니 참고만 해라! 2) 문법 1. 함수 선언문(function statement)와 함수 표현식(function expression) 함수 선언문 - 함수 끝에 세미콜론을 붙이지 않음 함수 표현식 - 세미콜론을 붙이는 것을 권장 //함수 선언식 function add(x,y){ return x+y; } //함수 표현식 const add = (x,y) => { return x+y; }; 똑같은 식을 함수 선언식과 함수 표현식으로 나타낸 것이다. 하나..

웹/JavaScript 2021.07.20

#4 숫자야구

※소소한 개인 프로젝트 기록입니다. 1) 과정 이번엔 숫자야구다. 숫자야구의 방식은, 상대방이 고른 4개의 숫자를 맞히는 게임이다. 가령, 상대방이 1234 를 골랐다고 하자. 내가 제출한 정답이 1243일 경우 2스트라이크 2볼이 되는데, 자리수, 숫자 모두 같을 경우 스트라이크로, 자리는 다르지만 정답에 포함되어있는 숫자일 경우 볼로 처리한다. (위와 같은 경우에는 1,2가 자리, 숫자가 똑같아서 2스트라이크. 4,3은 자리는 다르지만 정답에 포함되어 있으므로 2볼.) 내가 만든 게임에서는 10번의 기회 내에 정답을 제출하면 승리(홈런), 10번의 기회 내에 정답을 맞히지 못하거나 혹은 아웃(0스트라이크 0볼)이 3번 될 경우 패배하고 정답이 무엇인지 출력된다. 앞서 간략하게 설명했지만 그래도 들어있..

개발일기 2021.07.04

#3-2 계산기(+α 버전)

※소소한 개인 프로젝트 기록입니다. 1) 과정 2021.06.27 - [개발일기] - #3-1 계산기 에 이은 프로젝트입니다. #3-1 계산기 ※소소한 개인 프로젝트 기록입니다. 1) 과정 이번 프로젝트는 '계산기'이다. 왜 3-1 이냐면, 현재 코드까지는 오직 두개의 수만 계산할 수 있기 때문! 이번에도 역시나 'Zero cho'님의 강의에서 아이 sebada.tistory.com 이전 글에서 언급한 계산기 응용 버전이다. 코드를 많이 수정한 것은 아니고, 이전 버전이 오직 숫자 2개만 연산이 가능했다면, 이번엔 연달아 숫자를 받아서 연산하는 것이나, = 를 눌러 나온 최종 값에 또 다른 연산을 시작하는 방식으로 여러개의 수를 계속해서 연산할 수 있는 계산기를 만들었다. const operCal=(va..

개발일기 2021.07.02
728x90