전체 글 114

[CSS] FLEXBOX FROGGY 🐸 : 게임으로 CSS 배우기

FLEXBOX FROGGY, GRID GARDEN, FLEXBOX DEFENSE 🐸👇🏻 FLEXBOX_FROGGY 구글링 중에 우연히 발견하게 된 CSS 게임! display: flex 의 속성들은 이게 저거인가? 저게 이거였던가? 아직 헷갈린다 🙄 1 ~ 24단계로 이뤄진 게임으로 flex의 속성들을 차근차근 실행해보며 쉽고 재미있게 익힐 수 있다. 글로만 보는 것 보다 이렇게 눈으로 보면서 익히는 것도 가끔 머리 식히기에 좋은 것 같다. 속성들의 결과를 시각적이로 확인할 수 있는게 참 좋은 것 같다. 가끔 헷갈릴 때 한 번씩 해줘도 좋을 것 같아서 포스팅해본다! 💣👇🏻 FLEXBOX_DEFENSE 대포의 위치를 Flex 속성으로 이동해서 길을 따라 쳐들어오는 적들을 막는 게임이다. 대포는 180도 정..

CSS 2021.07.01

[Javascript] 프로그래머스 : 행렬덧셈

⚠️ 아래 내용은 모두 개인적인 참고 / 기록을 위한 용도 입니다. 참고해주시고 편안하게 봐주세요 :) ⚠️ [Javascript] 프로그래머스 Level1 _ 행렬덧셈 👇🏻문제링크 https://programmers.co.kr/learn/courses/30/lessons/12950 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) 1. 자바 2차원 배열 더하기 예제와 같아서 그때 풀었던 기본 풀이로 풀었다! 자바스크립트에서는 int arr = new int [][]; 처럼 한번에 2차원 배열을 선언할 수 가 없어서 찾아보다가 그냥 값을 바꿀거라 arr1의 구조와 값을 그대로 들고왔다. function solution(arr1, arr2) { var answer = arr1; for(let i=0; i

Programmers/Level 1 2021.07.01

[Javascript] 프로그래머스 : 최대공약수와 최소공배수

⚠️ 아래 내용은 모두 개인적인 참고 / 기록을 위한 용도 입니다. 참고해주시고 편안하게 봐주세요 :) ⚠️ [Javascript] 프로그래머스 Level1 _ 최대공약수와 최소공배수 👇🏻문제링크 더보기 https://programmers.co.kr/learn/courses/30/lessons/12940# 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) 1. 최대공약수와 최소공배수와의 관계를 잘 정리해놓은 블로그 글이 있어 참고했다. 최대공약수를 아래 for문으로 구성하던 중에 글을 읽게되어서 최소공배수를 구할 때 활용했다. (단, n>m) 최대공약수를 구하고나니 할 일이 다 끝나서 쉽게 통과할 수 있었다! function solution(n, m) { //Greatest common divisor ..

Programmers/Level 1 2021.06.30

[Javascript] 프로그래머스 : 콜라스 추측

⚠️ 아래 내용은 모두 개인적인 참고 / 기록을 위한 용도 입니다. 참고해주시고 편안하게 봐주세요 :) ⚠️ [Javascript] 프로그래머스 Level1 _ 콜라스 추측 👇🏻문제링크 더보기 https://programmers.co.kr/learn/courses/30/lessons/12943 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) 1. 처음에 while문으로 각각 짝수 / 홀수에서 answer++를 모두 적으려니 복잡해보여서 for문으로 무한반복을 돌리고 내부에서 num이 1이되면 멈추도록 구성했다! 카운트를 1부터 계속해서 짝홀과 상관없이 카운트를 세고 값을 리턴했다. (그래서 answer를 반복문 외부에서 선언하고 for문 내에서 초기화했다!) function solution(num) ..

Programmers/Level 1 2021.06.30

[Javascript] 프로그래머스 : 자릿수 더하기

⚠️ 아래 내용은 모두 개인적인 참고 / 기록을 위한 용도 입니다. 참고해주시고 편안하게 봐주세요 :) ⚠️ [Javascript] 프로그래머스 Level1 _ 자릿수 더하기 👇🏻문제링크 더보기 https://programmers.co.kr/learn/courses/30/lessons/12931 🔍 정답 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) 1. 정수 n을 .toString() 혹은 Number()을 통해 문자열로 변환한 후 선언한 배열에 하나씩 정수로 변환한 후 대입한 후 .reduce()를 통해 배열의 합을 구해서 리턴했다. 이렇게 하니 거치는 단계는 너무 많고 비효율적인 것 같았다 ㅠㅛㅠ function solution(n){ var str = n.toString(); var strA..

Programmers/Level 1 2021.06.30

[Javascript] 프로그래머스 : 제일 작은 수 제거하기

⚠️ 아래 내용은 모두 개인적인 참고 / 기록을 위한 용도 입니다. 참고해주시고 편안하게 봐주세요 :) ⚠️ [Javascript] 프로그래머스 Level1 _ 제일 작은 수 제거하기 👇🏻문제링크 더보기 https://programmers.co.kr/learn/courses/30/lessons/12935 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) 아주 호오옥시나 누군가 보시고 푸는데 방해가 될까봐 접어놓으려한당 ,,,,! 1. 그냥 내림차순으로 정렬하고 하나를 pop()했더니 이렇게 적었더니 정확도에서 0점이 나왔다..ㅎㅎㅎ..... 질문을 보니까 어떤 분께서 배열의 순서가 바뀌면 안된다고 하셔서 .sort()를 쓰지않고 해봐야겠다. 더보기 function solution(arr) { var a..

Programmers/Level 1 2021.06.28

[Javascript] 프로그래머스 : 수박수박수박수박수박수?

⚠️ 아래 내용은 모두 개인적인 참고 / 기록을 위한 용도 입니다. 참고해주시고 편안하게 봐주세요 :) ⚠️ [Javascript] 프로그래머스 Level1 _ 수박수박수박수박수박수? 👇🏻문제링크 더보기 https://programmers.co.kr/learn/courses/30/lessons/12922 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) 1. n이 짝수라면 n/2한 만큼 "수박"을 반복해서 출력하면되고, n이 홀수라면 n/2한 만큼 "수박"을 반복하고 + "수"를 붙여서 출력하면 된다. function solution(n) { return (n%2==0)? "수박".repeat(n/2) : "수박".repeat(n/2)+"수"; } 2. "수박".repeat(n/2)가 반복되는 패턴이라..

Programmers/Level 1 2021.06.28

[Javascript] 프로그래머스 : 하샤드수

⚠️ 아래 내용은 모두 개인적인 참고 / 기록을 위한 용도 입니다. 참고해주시고 편안하게 봐주세요 :) ⚠️ [Javascript] 프로그래머스 Level1 _ 하샤드수 👇🏻문제링크 더보기 https://programmers.co.kr/learn/courses/30/lessons/12947 🔍 정답 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) 1. x를 숫자그대로에서 /,%를 이용해 자릿수만 추출하고싶었는데 x가 1 이상, 10000 이하인 정수라고해서 먼저 문자열로 짧게 작성했다. function solution(x) { let total = 0; let str = x.toString(); for(let i=0; i < str.length; i++){ total += parseInt(str.ch..

Programmers/Level 1 2021.06.28

[Javascript] 프로그래머스 : 짝수와 홀수

⚠️ 아래 내용은 모두 개인적인 참고 / 기록을 위한 용도 입니다. 참고해주시고 편안하게 봐주세요 :) ⚠️ [Javascript] 프로그래머스 Level1 _ 짝수와 홀수 👇🏻문제링크 더보기 https://programmers.co.kr/learn/courses/30/lessons/12937 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) 1. 간단한 문제라서 하나만 적고 넘어가려고한다. num%2 == 0 대신에 그냥 num%2 라고 적어도 된다고한다! if문 대신에 삼항 연산자를 사용하면 보기도 깔끔해서 쓸때마다 기분이 좋다. function solution(){ return (num%2 == 0)? "Even" : "Odd"; }

Programmers/Level 1 2021.06.27

[Javascript] 프로그래머스 : 평균 구하기

⚠️ 아래 내용은 모두 개인적인 참고 / 기록을 위한 용도 입니다. 참고해주시고 편안하게 봐주세요 :) ⚠️ [Javascript] 프로그래머스 Level1 _평균 구하기 👇🏻문제링크 더보기 https://programmers.co.kr/learn/courses/30/lessons/12944 👇🏻 시행착오 ( + 코드를 작성하면서든 생각들.) 1. 배열의 합을 구하는 부분에서 조금씩 다르게 작성해봤다. 첫번째는 얼마전에 .reduce()로 배열의 합을 구하는 것을 본게 기억이 나서 써봤다! 연산의 결과를 바로 리턴해버리면 되는데 대입할 변수를 선언하고 담아서 리턴하는게 습관이라 ,, 다른 사람의 풀이를 보고 추가해봤다. function solution(arr) { var answer = arr.reduc..

Programmers/Level 1 2021.06.27