문제https://school.programmers.co.kr/learn/courses/30/lessons/12916 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 문제 이해주어진 문자열에 p 와 y 의 개수가 같은지 파악하면된다. 단, 대소문자는 구분 안한다. 풀이 방법두 가지 풀이 방법을 생각했다. 문자열 인덱스를 돌면서 p 이면 + y 이면 - 해서 연산한 결과가 0 이면 true 아니면 false문자열 인덱스를 돌면서 p 인 개수, y 인 개수 일일이 개수를 센다음 비교1번 방식이 더 심플해보여서 1번으로 방식으로 풀었다! 코드 설계- 문자열을 대문..
문제 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 코드풀이 1function solution(n) { let sum = 0; for (let i = 1; i 많은 사람들이 푼 방식이다. n 크기 만큼 반복문으로 약수 조건 확인하는 방식! 풀이 2const solution = (n) => Array.from({ length: n }, (_, i) => i + 1) .filter(i => n % i === 0) .reduce((sum, i) => sum + i, 0);Array 메서드를 사용하여 각 단계가 무엇을 하는지 명확하게 보..
내일배움캠프 첫 주차부터 시작된 팀프로젝트! 🥳 팀 소개 페이지를 만드는 것이었는데 발표일 제외하면 4일 동안 첫 팀원들과 첫 프로젝트를 수행하였다. 적극적으로 참여해 주신 팀원분들 덕분에 아래와 같이 깔끔하고 이쁜 '팀 소개 페이지'를 만들 수 있었다. 첫 프로젝트인 만큼 배운 것이 많았다. 이를 기록하기 위해 KPT 회고를 해보려한다. 프로젝트 결과물아래는 프로젝트 결과물 😬 배포 링크[배포링크] https://do-it-coding.netlify.app[깃허브] https://github.com/jungminji0215/who-are-you Keep구현해 본 것 공부해서 블로그 정리내가 맡은 기능에 대해서 구현하고 끝나지 않고 블로그에 최대한 아는 대로 꼼꼼하게 정리해 보았다. 이렇게 정리를 하..
스크롤을 내리면 상단에 스크롤 진척도 효과가 나타나는 것을 본 적이 있을 거다. 나는 주로 브런치에서 많이 봤다. 팀 프로젝트에서 해당 기능을 구현하기로했다. 내가 맡은 기능은 아니지만 구현해보고싶어서 따로 공부하는 시간을 가졌다. 여기서 중요한 것은 '스크롤 진척도 구현하는 법' 검색해서 따라하는 것 말고 키워드 중심으로 검색해서 스스로 만들고 다른 사람이 구현한 코드와 비교해보는 것!!⭐️ 코드HTML /* 막대바 */ /* 화면 높이를 늘리기 위해 추가 */CSSbody { margin: 0;}.bar { position: fixed; background-color: orange; height: 30px;}.box { font-size: 40px; height: 3000px;}Javasc..
문제https://school.programmers.co.kr/learn/courses/30/lessons/12931 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 풀이법자연수 N 의 각 자리의 합을 구해라 → 자연수를 배열로 변경해서 배열을 돌면서 요소들을 더하면 되겠다! 하고 생각했다. 우선 자연수를 배열로 변경하려면 문자열로 먼저 변경하는 과정이 필요하다. 문자열로 변경 후 문자열을 배열로 변경하는 것은 Array.from() 을 사용하였고, 배열을 순회하면서 모든 요소를 더하는 것은 reduce() 를 사용하였다. 코드const solution = (..
window.addEventListener("scroll", function() {}) 이 아닌 특정 요소에서 스크롤을 발생할 때 위치를 확인해보는 것을 알아보자. 약관같은 것을 보다가 맨 아래까지 다 읽었을 경우에만 다음페이지로 넘어갈 수 있는 기능을 본적이 있을 것이다. 특정 요소에서 스크롤 시 위치를 어떻게 확인하는지 알아보고, 원하는 위치에 도달 할 시 이벤트 주는 것도 해보도록 하자. 코드HTML 스크롤을 맨 아래까지 이동해주세요!CSS .scroll-Box { width: 300px; height: 200px; overflow: scroll; border: 1px solid black; padding: 10px; } .content { height: 6..