프론트엔드 개발자 엄성준 블로그

문제 설명 정수 n을 입력받아 n의 약수를 모두 더한 값을 리턴하는 함수, solution을 완성해주세요. 입출력 예 n return 12 28 5 6 나의 풀이 1 2 3 4 5 6 7 8 9 10 function solution(n) { let answer = 0; for(let i=1; i

SPA(SinglePageApplication) : 하나의 페이지로 구성된 웹 어플리케이션 MPA(MultiPageApplication) : 탭을 이동할 때마다 서버로부터 새로운 HTML을 새로 받아와서 새로 렌더링 하는 전통적인 방식 렌더링 방식 SPA -> CSR MPA -> SSR Client와 Server 중 어느 쪽에서 렌더링을 준비하느냐에 따라서 나뉨 👇👇 CSR(ClientSideRendering) : Client - CSR은 클라이언트 측에서 HTML을 반환한 후에, JS가 동작하면서 데이터만을 주고받아 클라이언트에서 렌더링을 진행하는 것이다. SSR(ServerSideRendering) : Server - SSR은 사용자가 웹 페이지에 접근할 때, 서버에 각각 페이지에 대해 요청하고 서버..

드림 코딩 강의를 통해서 나만의 포트폴리오 제출용 웹을 제작하고 있습니다. 오늘은 웹 로고를 먼저 디자인하였습니다.

문제 설명 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값을 return 하도록 solution 함수를 완성해보세요. 입출력 예 array result [1, 2, 7, 10, 11] 7 [9, -1, 0] 0 나의 풀이 1 2 3 4 5 6 7 8 9 10 11 12 function solution(array) { let sortArray = array.sort(function(a,b){ return a-b; }) let index=Math.floor(sortArray.length/2); return sortArray[index]; } Col..

최근 블로그 관리에 소홀해진 느낌이 드는 것 같습니다... 왜냐하면 2022년 3학년 1학기부터 준비한 캡스톤 디자인 발표가 끝났기 때문입니다. 저희 팀이 진행한 프로젝트는 1 : 1 멘토링 서비스 플랫폼 'Mentworing'이었습니다. (프로젝트에 대한 자세한 내용은 보고서 작성 후에 상세히 기재할 수 있는 카테고리 개설 후에 작성하겠습니다.) 프로젝트를 진행하면서 느낀 점... 제가 프로젝트에서 맡은 역할은 프론트엔드 개발이었는데요. 뚜렷한 기획 없이 개발을 진행하게 되니 페이지 하나하나를 개발할 때마다 디자인하다 보니 다소 시간이 오래 걸렸고 처음 진행하는 팀 프로젝트이다 보니 백엔드 개발을 하는 팀원과 코드를 결합하는 부분에서 불편함을 느꼈습니다. 그래서 Git에 대한 중요성을 깨달을 수 있었습..

문제 설명 순서쌍이란 두 개의 숫자를 순서를 정하여 짝지어 나타낸 쌍으로 (a, b)로 표기합니다. 자연수 n이 매개변수로 주어질 때 두 숫자의 곱이 n인 자연수 순서쌍의 개수를 return하도록 solution 함수를 완성해주세요. 입출력 예 n result 100 9 20 6 나의 풀이 1 2 3 4 5 6 7 8 9 10 11 function solution(n) { let answer = []; for(let i=0; i

var의 치명적인 단점 var는 함수를 통해서 선언이 될 때만 스코프가 지원된다. var를 통해서 변수를 선언하면 중복 선언이 가능하다. 변수를 선언문을 통해 선언을 하지않았을때와 동일하다. var를 사용하지말자!! 재할당을 해야 되는 경우에는 let, 재할당이 필요 없는 경우에는 const를 이용하자!

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을 이용해서 각각의 문자열을 콜백 함수..

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..