emayom.log

[Javascript] 프로그래머스 Level 2 _ 기능개발 👇🏻 Link_Click 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) ✏️ 제출 코드 ⚠️ 아래 내용은 모두 개인적인 참고 / 기록을 위한 용도입니다. 참고해주시고 편안하게 봐주세요 :) ⚠️ *** 혹시라도 잘못된 정보가 있다면 언제든지 알려주시면 감사하겠습니다 ! ***

[Javascript] 프로그래머스 Level 2 _ 올바른 괄호 👇🏻 Link_Click 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) 1. 정확성 테스트는 통과되지만 효율성 테스트는 통과되지못하는 코드이다 ㅠㅠ function solution(s){ const x = s.length/2; if(s[0] == ")"){ return false; } else { for(let i = 0; i < x; i++){ s = s.split("()").join(''); } return (s == "")? true : false; } } function solution(s){ const x = s.length/2; const regExp = /\(\)|\(|\)/g; if(s[0] == ")"){ return..

자바스크립트 코드를 작성하며 클릭 이벤트에 이벤트 리스너(핸들러)를 등록하고 싶을 때 onclick과 같은 이벤트 핸들러로 처리를 할 수 도 있고, addEventListener()와 같은 메소드로 이벤트 리스너를 연결할 수도 있다! 그렇다면 둘의 차이는 무엇일까? 👇🏻 더보기 'on~ 이벤트 핸들러'의 경우, 하나의 이벤트에 하나의 콜백 이벤트만 발생시킬 수 있다. 'addEventListener() 메소드'의 경우, 하나의 이벤트에 여러개의 콜백 이벤트를 발생시킬 수 있다. 예시로 화면 어디든 클릭할 경우 이벤트로 alert()를 띄워주고싶을 때! 를 가정하고 코드를 작성해보자. 형식은 둘 다 비슷하다. 이벤트 리스너를 연결할 대상 + 어떤 이벤트에 반응할 것인지 + 콜백 함수 순서로 정의했다. 위의..

[Javascript] 프로그래머스 Level 2 _ 행렬의 곱셈 👇🏻 Link_Click 👇🏻 시행착오 ( + 코드를 작성하면서 든 생각들.) ✏️ 제출 코드 문제를 풀기 위해서는 행렬의 곱셈에 대해 알고 있어야 한다! 행렬의 곱셈은 곱하는 행렬 A의 열의 개수와 행렬 B의 행의 개수가 같은 경우에만 가능하다. 즉, (m*k) 행렬과 (k*n) 행렬을 곱했을 때 (m*n)의 행렬이 만들어지게 된다. 처음에는 m*n의 행렬을 미리 만들고 값을 대입하려고 했는데, 두 번의 반복되는 과정이 생기는 것 같아서 배열만 생성한 뒤, 반복문을 통해 n개의 요소를 가진 배열을 m번 생성한 뒤 push()해서 행렬을 만들었다! 다른 분들을 map()과 reduce()도 사용하셨던데 그것도 도전해봐야겠다...! ⚠️ 아..

[Javascript] 프로그래머스 Level 2 _ 프린터 👇🏻 Link_Click 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) ✏️ 제출 코드 큐 프린터를 구현하는 문제였다! 처음에는 최댓 값을 기준으로 두 덩이로 나눠서 다시 이어 붙이고를 반복해야하나? 생각해서 복잡했었다 ㅠㅠ 하지만 단순하게 해당 타겟이 몇번째로 빠져나가는지만 구하면 되기 때문에 ① 맨 앞의 요소가 max라면 shift()를 해준 뒤 빠져나간 순서를 카운트 해주고, ② 아니라면 shift()와 push()를 함께 사용해 다시 뒤에 이어 붙여주기를 반복하는 과정을 구현했다. 그리고 ① + 조건으로 배열의 남은 요소 중 해당 타겟이 max라면 카운트를 리턴하는 조건을 추가했다. ⚠️ 아래 내용은 모두 개인적인 참고 / 기록을 ..

[Javascript] 프로그래머스 Level 2 _ 최솟값 만들기 👇🏻 Link_Click 👇🏻 시행착오 ( + 코드를 작성하면서 든 생각들.) ✏️ 제출 코드 오늘은 양심적으로 쉬운 거 + 쉬운 거로 하나 더 풀었다 ㅎㅎㅎㅎㅎㅎㅎㅎ 문제는 두 배열의 요소들을 각각 곱했을 때 합이 최솟값이 되도록 만드는 문제였는데 큰 수 일수록 작은 수와 곱해져야 하기 때문에 A 배열의 작은 순서대로 정렬하고, B배열의 큰 순서대로 정렬해서 각각 곱했다 !!!! 역시 문제 풀이를 보니 비슷하게 같은 방법으로 푸신 분들이 많았다...! ⚠️ 아래 내용은 모두 개인적인 참고 / 기록을 위한 용도입니다. 참고해주시고 편안하게 봐주세요 :) ⚠️ *** 혹시라도 잘못된 정보가 있다면 언제든지 알려주시면 감사하겠습니다 ! ***

[Javascript] 프로그래머스 Level 2 _ 최댓값과 최솟값 👇🏻 Link_Click 👇🏻 시행착오 ( + 코드를 작성하면서 든 생각들.) ✏️ 제출 코드 오늘은 Level 2의 다른 문제들을 풀어보려고 하다가 ,,,, 동적 계획법에 좌절하고 제일 쉬워 보이는 걸 풀었다 ㅎㅎㅎㅎㅎㅎㅎㅎㅎ 그래도 배열에서 Math.max(), Math.min()을 쓸 수 있게 해 준 잘 써보지 않았던 apply() 함수를 사용해 볼 수 있었다,,, 하하하 🥲 +) 배열에서 Math.max(), Math.min()을 사용하고 싶을 때, ES6 문법인 스프레드 연산자를 사용하면 apply()를 사용하지 않고도 사용할 수 있다! 참고로 코드에 추가했다! ⚠️ 아래 내용은 모두 개인적인 참고 / 기록을 위한 용도입니다...

CSS 적용을 위해 다양한 선택자를 이용한다! 오늘은 class 선택자와 id 선택자의 차이에 대해 알아보자. class 선택자와 id 선택자 html에서 클래스, 아이디 선택자 적용 👇🏻 css에서 클래스, 아이디 선택자 사용 👇🏻 .클래스명 { /* 스타일 */ } #아이디명 { /* 스타일 */ } 클래스 선택자의 경우 복수의 요소들에게 스타일을 적용할 경우 사용하고, 아이디 선택자의 경우 유일한 요소에게 스타일을 적용할 경우 사용하게 된다는 차이점이 있다. 예를 들어, .class 에는 베이지색 바닥을 #student는 모두 백그라운드 이미지로 학생의 책상을 넣어보장! .class { display: grid; grid-template-rows: repeat(3, 1fr); grid-templat..

[Javascript] 프로그래머스 Level 1 _ 3진법 뒤집기 👇🏻 Link_Click 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) ✏️ 제출 코드 - solution 1. 풀고 보니 다들 toString()으로 진법 변환을 하셨다..! 10진수를 다른 진수로 변환할 때는 toString(), 다른 진수를 10진수로 변환하기 위해서는 parseInt()를 사용한다고 한다. 하지만 몰랐기에 그냥 구했다! - solution 2. for문 대신에 reduce()의 콜백 함수의 파라미터로 currentIndex를 추가해서 합을 계산했다! - solution 3. 마지막으로 toString()으로도 바꿔봤다! reduce()와 함께 사용하기 위해 문자열을 정수로 바꿔주는 과정이 추가되었다! +) 오..

[Javascript] 프로그래머스 Level 1 _ 시저 암호 👇🏻 Link_Click 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) 1. 레전드,,,, 내가 봐도 너무 복잡하게 코드를 작성한 것 같다 ㅎㅎㅎㅎㅎㅎ function solution(s, n) { let result = []; const UPPER_A = 65; const LOWER_a = 97; for(let i=0; i 64 && code < 91){ code = (code + n) - UPPER_A; code %= 26; code += UPPER_A;..