프론트엔드 개발자 엄성준

문제 설명 문자열 my_string이 매개변수로 주어질 때, my_string 안에 있는 숫자만 골라 오름차순 정렬한 리스트를 return 하도록 solution 함수를 작성해보세요. 입출력 예 my_string result "hi12392" [1, 2, 2, 3, 9] "p2o4i8gj2" [2, 2, 4, 8] "abcde0" [0] 나의 풀이 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function solution(my_string) { let answer = []; for(let i=0; i

문제 설명 개미 군단이 사냥을 나가려고 합니다. 개미군단은 사냥감의 체력에 딱 맞는 병력을 데리고 나가려고 합니다. 장군개미는 5의 공격력을, 병정개미는 3의 공격력을 일개미는 1의 공격력을 가지고 있습니다. 예를 들어 체력 23의 여치를 사냥하려고 할 때, 일개미 23마리를 데리고 가도 되지만, 장군개미 네 마리와 병정개미 한 마리를 데리고 간다면 더 적은 병력으로 사냥할 수 있습니다. 사냥감의 체력 hp가 매개변수로 주어질 때, 사냥감의 체력에 딱 맞게 최소한의 병력을 구성하려면 몇 마리의 개미가 필요한지를 return하도록 solution 함수를 완성해주세요. 입출력 예 hp result 23 5 24 6 999 201 나의 풀이 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 fu..

제가 2022.12.01부터 제로베이스 프론트엔드 스쿨 10기 수강생이 되었는데요. 앞으로 강의 수강 중에 학습한 점이나 기억하고 싶은 부분 등을 이곳에 기록하겠습니다. 시멘틱 태그(sementic tag)란 - HTML의 구조를 설계하는데 있어 태그에 의미를 부여 함으로써 사이트의 구조를 파악하기 용이할 수 있도록 도와주기 위해 만들어진 태그 시멘틱 태그(sementic tag) 예시 - 이 페이지에서 최상위 제목을 의미 - div 태그와 똑같은데 주요 링크를 모아둔 박스를 의미 , , , , - layout 태그 a태그 1. 절대경로 : 인터넷, url로 접속 가능한 경로 2. 상대 경로 : (통상적으로) 개발 환경에서 시작되는 경로 : . 현재 파일이 위치한 경로 : .. 이전 경로 / 상위 경로 ..

문제 설명 문자열 my_string이 매개변수로 주어집니다. my_string안의 모든 자연수들의 합을 return하도록 solution 함수를 완성해주세요. 입출력 예 my_string result "aAb1B2cC34oOp" 10 "1a2b3c4d123" 16 나의 풀이 1 2 3 4 5 6 7 8 9 10 11 12 function solution(my_string) { let answer = 0; let a = my_string.split(''); for(let i=0; i

문제 설명 정수 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