소소한 것들에 대한 기록

[문제 설명] 1. 알파벳 대/소문자와 숫자 그리고 구분자인 마침표(.), 쉼표(,), 느낌표(!), 물음표(?), 스페이스( )로 이루어진 문장을 각 구분자로 단어 구분하여 각 단어를 거꾸로 뒤집어 모은 문자열 배열 출력하기 [풀이 과정] 1. 문자 | 의 경우 or을 의미한다. 2. 마침표(.)와 물음표(?)는 각 구분자가 지닌 의미가 아닌 단순한 문자로 해석하라는 뜻으로 구분자 앞에 역슬래시(\)를 넣어주었다. function solution(s) { const arr = s.split(/,|\.|!|\?| /) //주어진 구분자로 분리한 문자열 생성 const newArr = arr.filter(word => word.length!==0) //빈 항목(구분자가 연속으로 나타난 경우) 제거 let ..

[문제 설명] 1. 길이가 0초과 100 이하의 숫자로 구성되어있는 문자열 s 2. s 중 가장 많이 등장하는 0~9사이의 숫자 출력. 3. 동점인 경우 가장 작은 수 반환. [풀이 과정] function solution(s) { const obj = {}; // 빈 object 생성 for (i=0; i {return obj[b] - obj[a]}) // .sort()로 정렬. 오름차순 정렬(a

[문제 설명] 1. 두 자연수 a, b에 대하여 b = a * c를 만족하는 자연수 c가 존재한다면, a를 b의 양의 약수라고 합니다. 2. 자연수 n의 양의 약수의 개수를 출력하는 프로그램을 구현하세요. [풀이 과정] 1. 빈 array인 arr 선언. 2. n보다 작은 수로 n을 나누어 나머지가 0인 수만 arr에 넣기. 예를들어 n이 4이면 나누어 나머지가 0이되는 1, 2, 4가 약수인 것. 3. arr의 길이 구해서 리턴 function solution(n) { var arr = []; //빈 array 생성 for(i=1;i

[문제 설명] 1. n개의 정수 배열 arr 내 짝수의 개수를 출력하는 함수, solution을 작성하기 2. 짝수의 개수 출력 [풀이 과정] function solution(arr) { const newArr = arr.filter(num => num%2==0); // 2로 나눠 나머지가 0인 수만 걸러서 newArr에 넣기 const answer=newArr.length // newArr 길이 체크 return answer; // 반환 }

[문제 설명] p가 10만원 이상이면 5%, 30만원 이상이면 10%, 50만원 이상이면 20% 할인된 가격을 출력하는 함수 solution(단, 할인된 가격은 소수점 이하를 버린 정수) [풀이 과정] function solution(p) { if(p>=500000){ p*=0.8 // p가 50만원 이상이면 0.8배(20% 할인된 금액)의 p 출력 } else if(p>=300000){ p*=0.9 // p가 50만원 미만이면서 30만원 이상이면 0.9배(10% 할인된 금액)의 p 출력 } else if(p>=100000) { p*=0.95 // p가 30만원 미만이면서 10만원 이상이면 0.95배(5% 할인된 금액)의 p 출력 } else{ p // 10만원 미만이면 그냥 p 출력 } var answ..

[문제 설명] 문자열 s 안에 들어있는 글자 중 중복된 글자 제외한 글자 출력 [풀이 과정] Set 객체는 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있습니다. Set - JavaScript | MDN Set 객체는 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있습니다. developer.mozilla.org function solution(s) { var set = new Set(s) // new Set()객체를 사용하여 중복된 글자를 제거한 obj 생성 var newSet = [...set] // 중복 글자가 제거된 obj를 newSet 배열에 넣기 var answer = newSet.length; // newSet의 길이 출력 return answ..

일단 한 줄 요약은 이러하다. 나처럼 정말 '제로베이스'인 상태에서 직장다니며 병행하기에는 너무나 하드하다... 수업을 출근길, 퇴근길 오며가며 듣고 퇴근 후에는 미션이나 퀴즈만 진행하다보니 진도는 계속해서 밀려가고 퀴즈를 풀며 공부하고 미션을 진행하며 코드를 알아가는 나날이었다. 그나마 다행인 것은 HTML과 CSS는 눈에 결과물이 바로바로 즉각적으로 보인다는 것이었다. 그리고 수업 진행한 내용이나 그 가운데 느꼈던 것들을 블로그에도 적으며 정리해야하는데 이것은 정말 손 댈 엄두도 나지않았다. 그나마 지금은 일단 보기에 Figma와 비슷해 보이고 대략 구현하라는 기능들이 삐그덕거리는 상태까지는 코드를 작성하여 블로그를 적는 중이다. HTML/CSS를 공부하며 느낀점 HTML/CSS를 공부하면서 느꼈던 ..

개발자가 되기 위한 공부를 시작할 때 인스타그램이나 블로그, 교육 사이트 등에서 항상 볼 수 있는것이 개발자의 종류였다. 보통 크게 프론트엔드, 백앤드 그리고 풀스택으로 나누어 설명을 하는데 궁극적으로는 다 다룰 수 있어야 하되 그 중 특화분야가 있는 것이 아닐까 하는 생각이 들었다. 먼저 프론트엔드는 말 그대로 front. 웹 사이트나 앱처럼 유저가 접근하는 부분, 즉 보여지는 부분을 담당하는 포지션이다. 그래서 최대한 유저가 접근하기 편하도록 화면을 구성하는 일들을 하게 되고 효과적으로 내가 표현하고자 하는 부분을 보여주기위해 HTML과 CSS Java script를 사용한다. 디테일한 부분은 OS에 따라서 조금씩 다르겠지만 일단은 유저가 접근하는 부분을 담당하는 파트이다. 백엔드는 back. 웹 사..