전체 글 85

6월 8일 TIL - Math.sqrt() 제곱근 구하기

https://school.programmers.co.kr/learn/courses/30/lessons/77884 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 해당 문제 풀면서 알게 된 내용 정리 주어진 연속된 숫자열에서 각 숫자의 약수의 개수가 홀수인 수는 빼고, 약수의 개수가 짝수인 수는 더해야 하는 문제 function solution(left, right) { let evenSum = 0 //약수의 개수가 짝수인 수들의 합 let oddSum = 0 //약수의 개수가 홀수인 수들의 합 for(let i=left; i

TIL 2023.06.08

6월 7일 TIL - 비밀번호에 조건 걸기 (정규표현식)

댓글입력시에 비밀번호를 입력을 하고, 작성한 댓글을 수정 삭제할 시에 입력했던 비밀번호를 재입력해야 하는 기능을 구현했는데, 추가로 비밀번호에 숫자 4개를 적어야하는 옵션을 주기로 했다 정규표현식은 한번도 접해보질않아서 구글링을 해보았다 https://hitomis.tistory.com/68 [javascript] 자주 사용하는 정규 표현식 (Regular Expression) 정리 정규표현식 패턴 /패턴/ 대표적인 패턴 의미 패턴 의미 x 문자 x xyz 문자 xyz [xyz] x,y,z 중 하나의 문자 [a-z] a~z중 하나의 문자 [^xyz] x,y,z 가 아닌 하나의 문자 [^a-z] a~z가 아닌 하나의 문자 abc|xyz 문자 hitomis.tistory.com https://develope..

TIL 2023.06.07

6월 6일 TIL - 자바스크립트 댓글 삭제 기능 오류 (1)

영화검색 페이지 팀 프로젝트에서 댓글 삭제 기능 구현 도중 발생한 오류 정리하기 이런식으로 댓글이 입력되면 삭제하기 버튼을 눌러 삭제가 되는 기능을 추가해야 했다. let template = ` ${commentObj[i].name} ${score} ${commentObj[i].time} ${commentObj[i].content} 삭제하기 `; 삭제하기 버튼의 클래스 명을 deleteBtn으로 넣어주었고 let deleteBtn = document.querySelector(".deleteBtn"); deleteBtn.addEventListener("click", () => { alert("삭제합니다") }); } querySelector로 삭제버튼을 지정한 변수 deleteBtn을 만들고 버튼을 누르면..

TIL 2023.06.06

6월 5일 TIL - 배열의 모든 요소를 문자열로 연결해주는 join()

https://school.programmers.co.kr/learn/courses/30/lessons/12906 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 이 문제를 풀었구요 받아온 배열에서 연속적으로 나타나는 숫자는 제거하고 남은 수들을 리턴해야하는데 해결순서를 아래와 같이 잡았습니다 1. for문을 돌면서 입력받은 배열의 길이만큼 반복순회하기 2. 반복순회를 순차적으로 하면서 해당 인덱스 값과 해당 인덱스+1 값을 비교해서 3. 두 값이 다르다면 리턴할 새로운 배열에 해당 인덱스 값 push해서 넣어주기 로 대충 틀을 잡고 코드를 작성했습니다. ..

TIL 2023.06.05

5월 5주차 + 6월 1주차 회고 - 3

잘한 것은 무엇인가? 개인과제 필수완성기능 포함 완성 다 한 것! 내배캠 첫 플젝에서는 말했다시피 비중이 적어서 ,, 강의 완강도 못했고 힘든게 많았는데 이번 개인과제에서는 튜터님들한테 질문도 자주 하며 배운것도 많고 팀원들끼리 도와가며 영화검색페이지를 완성했다! 아직 부족한 부분이 많겠지만 api 받아와서 가이드라인에 따라 기능을 하나씩 넣는 재미가 있었다. 할 때 마다 오류가 많았지만 .. 플젝 진행하면서 코테도 하루에 2개씩 꼭 풀기도하다보니 프로그래머스 등수가 꽤 올랐다. 처음 순위가 20만위로 시작해서 지금 9만위임 ㅠ ㅋㅋㅋ 이번주 내로 8만 안쪽으로 가는게 목표! 잘못한 것은 무엇인가? 주말에 코테 못 풀었다. 6/2 팀과제가 주어져서 주말에 기능구현에 힘쓰다보니 주말 TIL도 못썼고 WIL..

WIL 2023.06.05

6월 2일 TIL - floor(), 이중배열

https://school.programmers.co.kr/learn/courses/30/lessons/12922?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 위 문제 풀다가 알게된 개념 정리하기 주어진 수만큼 주어진 문자열의 문자를 반복 출력하는 문제인데, 처음엔 repeat() 메소드를 모르는 상태에서 풀었다 https://redcow77.tistory.com/430 [Javascript] 소수점 올림, 버림, 반올림 - ceil(), floor(), round() 함수 자바스크립트(Javascript)의 ceil..

TIL 2023.06.02

6월 1일 TIL - 숫자가 아니면 true 반환하는 isNaN()

6월 시작두 어김없이 til로 !! 당장 해결해야할 플젝은 마무리해서 오늘은 프로그래머스 풀면서 시간보냄 맨날 레벨 1 정답률 80퍼 이상만 풀다가 오늘 79퍼 풀었는데 ,,, 아니 1퍼 내렸다고 이렇게 어렵기 있음? ㅋㅋ 쿠ㅜ 결국 답지 구글링해서 풀었다 ... https://school.programmers.co.kr/learn/courses/30/lessons/12918 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 이 문제 풀었구여 문자열의 길이가 4 또는 6안자 확인을 해주고 문자열의 구성이 숫자로만 구성되어있는지 true, false로 반환해줘..

TIL 2023.06.01

영화 검색 사이트 만들어보기

그 전에 팀 프로젝트로 소개페이지를 만들어봤지만 그 플젝에선 내 비중이 너무나도 작았기 때문에 정리를 따로 안했지만 이번 개인플젝은 정리하기로 맘먹었다 과제에서 주어진 큼직한 조건들을 나열해보자면 jQuery 라이브러리 사용없이 순수 바닐라 자바스크립트 사용하기 TMDB 오픈 API를 이용하여 인기영화 데이터 가져오기 (TMDB에서 받아온 데이터를 브라우저 화면에 카드 형태의 데이터로 보여주고, 카드에는 title(제목), overview(내용 요약), poster_path(포스터 이미지 경로), vote_average(평점) 이렇게 4가지 정보가 필수로 들어감) 카드 클릭 시에는 클릭한 영화 id 를 나타내는 alert 창을 띄우기 입력 후 검색버튼 클릭 시 API로 받아온 전체 영화들 중 영화 제목에..

프로젝트 회고 2023.06.01

5월 31일 TIL (2) - input창 버튼 누를때마다 reload 현상 막기

TIL을 두개나 적다니 ... 임시저장하고 낼 올릴까 고민했지만 일단 적기 ㅠ 오늘자 첫번째 오류) 만든 웹이 input창의 버튼 누를때마다 reload가 되어 input.value로 빼온 값을 계속 튕겨버리는 현상 검색 이런식으로 form 태그 안에 input과 button 나란히 넣어놓고요 버튼에 onclick 추가해서 search 함수랑 연결시킴 그래서 input창으로 입력받은 데이터를 쿼리셀렉터로 뽑아와서 value값을 콘솔에 찍어보려고 했다 그런데 const search = function () { //input창 버튼에 연결된 함수 movieSearch(); //input창에 입력된 문자열 받아오는 함수 }; const movieSearch = function () { let movieFilt..

TIL 2023.05.31

5월 31일 TIL - 최소공배수 = 두 수의 곱 / 최대공약수

개인 플젝 진행 중이라 오늘 진행 중 있었던 오류들을 적으려다가 오늘 푼 코테문제도 정리하고 싶어 오늘 TIL 작성 두개 하려고 합니다.. 주어진 두 수의 최대공약수, 최소공배수 구하기가 문제이고 접근 방식을 1. 받아온 두 수 중에 작은 값 선별해서 별도의 min 변수에 넣어주고 2. 1부터 min (i가 1~min)까지 for문을 돌면서 3. 받아온 두 수 모두 i로 나눈 나머지가 0인 값을 찾아 최대공약수를 찾고 4. 최대공배수는 받아온 두 수 중 큰 수 % 작은수 == 0 이면 작은수가 큰 수의 약수이니 최소공배수는 큰수이고, 큰수 % 작은수 != 0이면 큰수*작은수 를 해야 최소공배수를 구할 수 있다고 접근했다 접근방식 4번의 "큰수 % 작은수 != 0이면 큰수*작은수 => 최소공배수" 여기가 ..

TIL 2023.05.31