프론트엔드 개발자 엄성준

Scope를 우리말로 번역하면 ‘범위’라는 뜻을 가지고 있습니다. JS에서 스코프는 2가지 타입이 있습니다. global(전역)과 local(지역)입니다. 예제 1 2 3 4 5 6 7 8 9 const text = 'outside'; { const text = 'inside'; { console.log(text); } } Colored by Color Scripter cs 위의 코드인 경우 console.log(text)의 결과 값은 inside가 출력될 것입니다. 예제 1 2 3 4 5 6 7 8 9 10 const text1 = 'outside'; { const text2 = 'inside'; { console.log(text2); } } console.log(text2); Colored by Co..

문제 설명 문자열 my_string과 정수 n이 매개변수로 주어질 때, my_string에 들어있는 각 문자를 n만큼 반복한 문자열을 return 하도록 solution 함수를 완성해보세요. 입출력 예 my_string n result "hello" 3 "hhheeellllllooo" 나의 풀이 1 2 3 4 5 function solution(my_string, n) { return [...my_string].map(char => char.repeat(n)).join(''); } Colored by Color Scripter cs 문제 풀이 및 느낀 점 1. spread연산자를 통해서 매개 변수 my_string의 문자를 각각 배열에 담는다. 2. Array map을 이용해서 각각의 문자열을 콜백 함수..

처음 학교에 입학했을 때 2018년도였는데 벌써 졸업을 할 때가 되었습니다. 컴퓨터에 관심이 있어서 (구)인터넷 정보통신학과에 지원을 했었는데 제가 생각했던 것 과는 많은 게 달랐었습니다. 그 때 당시 저는 프로그래밍이란 것에 대해서 알지도 못했었고 이 과에 입학한 이후에 영화에서나 보던 프로그래밍에 대해서 알게 되었습니다. 3년 학교를 다니면서 느꼈던 점은 어느 학교나 마찬가지겠지만 저희 학교 커리큘럼은 백엔드 프로그래밍의 비중이 더 큰 거같아서 백엔드 프로그래밍에 관심이 있거나 배우고 싶으면 오시는 것도 좋을 것 같습니다. 저는 웹 프론트엔드 개발자가 꿈이어서 따로 배우는 것도 있지만 백엔드에 대한 기초 지식을 쌓을 수 있어서 현재 공부하는 데 있어서 큰 도움이 된 것 같습니다.

JSON : JavaScript Object Notation 1. sungjun이라는 object를 생성하였음 1 2 3 4 5 6 7 const sungjun ={ name:'sungjun', age:24, eat: ()=>{ console.log('eat'); } } cs 2. Serializing(직렬화) - 객체를 문자열로 만든다. JSON의 static함수인 stringify()를 이용하면 Object를 JSON으로 변환해준다. 1 2 3 const json = JSON.stringify(sungjun); console.log(json); console.log(sungjun); cs 3. Deserializing(역직렬화) - 문자열 데이터를 자바스크립트 객체로 변환해준다. JSON의 stati..

문제 설명 두 배열이 얼마나 유사한지 확인해보려고 합니다. 문자열 배열 s1과 s2가 주어질 때 같은 원소의 개수를 return하도록 solution 함수를 완성해주세요. 입출력 예 s1 s2 result ["a", "b", "c"] ["com", "b", "d", "p", "c"] 2 ["n", "omg"] ["m", "dot"] 0 나의 풀이 1 2 3 4 5 6 function solution(s1, s2) { let answer = s1.filter(s1 => s2.includes(s1)); return answer.length; } Colored by Color Scripter cs 문제를 풀며 느낀 점 - 이번 문제는 배열안의 요소들을 비교하여 중복된 요소의 갯수를 구하는 문제였는데 mdn검색..

문제 설명 문자열 my_string과 문자 letter이 매개변수로 주어집니다. my_string에서 letter를 제거한 문자열을 return하도록 solution 함수를 완성해주세요. 입출력 예 my_string letter result "abcdef" "f" "abcde" "BCBdbe" "B" "Cdbe" 나의 풀이 1 2 3 4 5 6 function solution(my_string, letter) { let answer = my_string.replaceAll(letter,''); return answer; } Colored by Color Scripter cs 문제를 풀며 느낀 점 - mdn 사이트에서 replace()메서드를 통해서 어떤 패턴에 일치하는 일부를 교체하고 변경하는 함수를 알..

문제 설명 어떤 자연수를 제곱했을 때 나오는 정수를 제곱수라고 합니다. 정수 n이 매개변수로 주어질 때, n이 제곱수라면 1을 아니라면 2를 return하도록 solution 함수를 완성해주세요. 입출력 예 n result 144 1 976 2 나의 풀이 1 2 3 4 5 6 7 8 function solution(n) { if(Math.sqrt(n)%1 === 0){ return 1; }else{ return 2; } } cs 문제를 풀며 느낀 점 - Math.sqrt()함수는 숫자의 제곱근을 반환해주는 함수입니다. 주어진 매개변수 n의 루트를 씌운 뒤 1로 나눈 나머지 값이 0이면 return 1을 하였고 아닌 경우 return 2를 반환하였습니다.

문제 설명 머쓱이네 옷가게는 10만 원 이상 사면 5%, 30만 원 이상 사면 10%, 50만 원 이상 사면 20%를 할인해줍니다. 구매한 옷의 가격 price가 주어질 때, 지불해야 할 금액을 return 하도록 solution 함수를 완성해보세요. 제한사항 10 ≤ price ≤ 1,000,000 price는 10원 단위로(1의 자리가 0) 주어집니다. 소수점 이하를 버린 정수를 return 합니다. 입출력 예 price result 150,000 142,500 580,000 464,000 나의 풀이 1 2 3 4 5 6 7 8 9 10 11 12 13 function solution(price) { if(price >= 100000 && price = 300000 && price = 500000){..

문제 설명 선분 세 개로 삼각형을 만들기 위해서는 다음과 같은 조건을 만족해야 합니다. 가장 긴 변의 길이는 다른 두 변의 길이의 합보다 작아야 합니다. 삼각형의 세 변의 길이가 담긴 배열 sides이 매개변수로 주어집니다. 세 변으로 삼각형을 만들 수 있다면 1, 만들 수 없다면 2를 return하도록 solution 함수를 완성해주세요. 입출력 예 sides result [1, 2, 3] 2 [3, 6, 2] 2 [199, 72, 222] 1 나의 풀이 1 2 3 4 5 6 7 8 9 10 11 12 function solution(sides) { let sort = sides.sort(function(a,b){ return a-b; }); console.log(sort); if(sort[0]+sor..

문제 설명 정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소 중 두 개를 곱해 만들 수 있는 최댓값을 return하도록 solution 함수를 완성해주세요. 입출력 예 numbers result [1, 2, 3, 4, 5] 20 [0, 31, 24, 10, 1, 9] 744 나의 풀이 1 2 3 4 5 6 7 8 9 10 11 12 13 function solution(numbers) { let soltNumbers; soltNumbers = numbers.sort(function(a,b){ return b-a; }) console.log(soltNumbers); console.log(soltNumbers[0]); console.log(soltNumbers[1]); return pa..