[프로그래머스 | Javascript] 코딩테스트 입문 - 숨어있는 숫자의 덧셈 (2)

✔문제 설명 문자열 my_string이 매개변수로 주어집니다. my_string은 소문자, 대문자, 자연수로만 구성되어있습니다. my_string안의 자연수들의 합을 return하도록 solution 함수를 완성해주세요. ✔입출력 예 my_string result "aAb1B2cC34oOp" 37 "1a2b3c4d123Z" 133 ✔나의 풀이 function solution(my_string) { const nums = my_string.match(/[0-9]+/g); return nums?nums.map(num =>Number(num)).reduce((a,c)=>a+c):0; } ✔깨달은 점 문자가 아닌 숫자를 모두 선택하는 정규식이 있다는 것을 처음알았다. 이 정규식이 해석을 이렇게 한다. (예: /..

• format_list_bulleted 알고리즘/자바스크립트-프로그래머스
• · 2022. 12. 28.
• textsms

[프로그래머스 | Javascript] 코딩테스트 입문 - 외계어 사전

✔문제 설명 PROGRAMMERS-962 행성에 불시착한 우주비행사 머쓱이는 외계행성의 언어를 공부하려고 합니다. 알파벳이 담긴 배열 spell과 외계어 사전 dic이 매개변수로 주어집니다. spell에 담긴 알파벳을 한번씩만 모두 사용한 단어가 dic에 존재한다면 1, 존재하지 않는다면 2를 return하도록 solution 함수를 완성해주세요. ✔입출력 예 spell dic result ["p", "o", "s"] ["sod", "eocd", "qixm", "adio", "soo"] 2 ["z", "d", "x"] ["def", "dww", "dzx", "loveaw"] 1 ["s", "o", "m", "d"] ["moos", "dzx", "smm", "sunmmo", "som"] 2 ✔나의 풀이 f..

• format_list_bulleted 알고리즘/자바스크립트-프로그래머스
• · 2022. 12. 28.
• textsms

[졸업작품] - 제작 1주차

드디어 이번주에 제작을 시작했다!! 졸업작품에 대한 기대가 크기 때문에 최대한 완성도 있게 만들 생각이다. 아직 실력이 그정도 될지 모르겠지만 졸업작품을 하면서 많이 배우고 이렇게 기록도 남길 예정이다. 1년 후에는 많이 성장해 있는 개발자가 되길 바라면서 이번주 설계 목표에 대해 설명 하겠다. 우리팀이 대략적으로 디자인한 로그인 및 회원가입 페이지다. 이것을 바탕으로 설계를 시작했다. 먼저 프론트엔드인 나와 다른 조원은 하나씩 맡아서 만들기로 했다. 내가 만든 로그인 페이지다. 비록 초안이지만 최대한 기능을 많이 넣으려고 노력했다. -기능- 1. 각각의 input 태그에서 받은 value값을 로그인 버튼을 누르면 localstorage에 submit되게 하였다. 각각의 value들은 변수에 저장해서 따..

• format_list_bulleted 졸업작품
• · 2022. 12. 27.
• textsms

[프로그래머스 | Javascript] 코딩테스트 입문 - 잘라서 배열로 저장하기

✔문제 설명 문자열 my_str과 n이 매개변수로 주어질 때, my_str을 길이 n씩 잘라서 저장한 배열을 return하도록 solution 함수를 완성해주세요. ✔입출력 예 my_str n result "abc1Addfggg4556b" 6 ["abc1Ad", "dfggg4", "556b"] "abcdef123" 3 ["abc", "def", "123"] ✔나의 풀이 function solution(my_str, n) { var array =[];//빈 배열 생성 var num = Math.ceil(my_str.length/n);// 남은 배열도 포함해야 하기 때문에 올림 for(let i=0;i

• format_list_bulleted 알고리즘/자바스크립트-프로그래머스
• · 2022. 12. 27.
• textsms

CSS - 박스 가운데 정렬

1. 가장 기본적인 가운데 정렬 margin: 0 auto; 가장 많이 쓰는 가운데 정렬이다. 자신의 넓이를 정한다음에 사용하면 저절로 가운데 정렬이 된다. 1) 해당 박스가 inline 속성인 경우 2) 폭의 연산이 불가능하면 가운데 정렬을 할 수 없다. 이러한 경우에는 다른 방법을 써야한다 2. flex를 이용한 가운데 정렬 justify-content: center;// 수평 중앙 align-items: center;// 수직 중앙 flex를 이용한 가운데 정렬을 하려면 해당 박스에 display: flex를 하고 justify-content: center를 해야한다. 만약 박스가 2개 이상 있다면 중앙을 기준으로 같은 거리에 떨어진다. 수평뿐 아니라 수직으로도 정렬을 하고 싶다면 추가로 align..

• format_list_bulleted CSS
• · 2022. 12. 27.
• textsms

[프로그래머스 | Javascript] 코딩테스트 입문 - 진료 순서 정하기

✔문제 설명 외과의사 머쓱이는 응급실에 온 환자의 응급도를 기준으로 진료 순서를 정하려고 합니다. 정수 배열 emergency가 매개변수로 주어질 때 응급도가 높은 순서대로 진료 순서를 정한 배열을 return하도록 solution 함수를 완성해주세요. ✔입출력 예 emergency result [3, 76, 24] [3, 1, 2] [1, 2, 3, 4, 5, 6, 7] [7, 6, 5, 4, 3, 2, 1] [30, 10, 23, 6, 100] [2, 4, 3, 5, 1] ✔나의 풀이 function solution(emergency) { let a = emergency.slice().sort((a,b)=>b-a); //얕은 복사를 한 후 내림차순으로 배열 return emergency.map(x=>..

• format_list_bulleted 알고리즘/자바스크립트-프로그래머스
• · 2022. 12. 26.
• textsms