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

강의 수강 중 string()과 toString()의 차이가 궁금해서 검색을 해봤습니다. 검색의 결과는 형변환만을 해줄 때 둘의 차이는 없습니다. 하지만 String()은 undefined나 null값을 넣었을 때 문자로 출력해줍니다. 이에 반면 toString()은 TypeError를 나타내 줍니다.

문서의 전체 높이 : document.documentElement.scrollHeight 브라우저가 보여주고 있는 높이(vh) : window.innerHeight 스크롤의 위치 : document.documentElement.scrollTop 스크롤의 위치 / (문서의 전체 높이 - 브라우저가 보여주고 있는 높이)

문제 설명 문자열 my_string이 매개변수로 주어질 때, 대문자는 소문자로 소문자는 대문자로 변환한 문자열을 return하도록 solution 함수를 완성해주세요. 입출력 예 my_string result "cccCCC" "CCCccc" "abCdEfghIJ" "ABcDeFGHij" 나의 풀이 1 2 const solution = my_string =>[...my_string].map( string=> string.charCodeAt() >= 65 && string.charCodeAt()

보조 기억 장치 (Auxiliary Memory Unit) - 용량이 큰 자료를 장기간 저장할 때 주로 사용 - 필요시 중앙 처리장치가 자료를 보조 기억 장치로부터 주 기억장치로 옮겨 사용 함 - 주기억 장치보다 용량이 크지만 속도는 많이 느리고 전원이 꺼져도 기억하는 내용은 사라지지 않음 - 용도에 따라 다양한 형태의 보조 기억 장치가 존재 함 보조 기억 장치(RAID, SSD) SSD - 회전판이 제거되어 제로 스핀 시스템이라고 불림, HDD와 달리 플래시 메모리로 구성 됨, 지연 시강 없는 빠른 로드 속도, 경량성 및 효율성, 낙할 및 충돌 발샐 시 충격 완화 기능으로 높은 내구성, 저발열 및 저소음 RAID - 오류 복구 정책은 지원하지 않음, 여러 개의 하드 디스크를 묶어 하나 처럼 사용할 수 ..

오늘 두 번째 미션을 진행하면서 학습한 점에 대해서 적어볼까 합니다. background-img를 url로 임포토 하는 법을 학습했고 background-position 속성을 이용해서 0% 0% 각각 x 축과 y축의 %를 조절하여 제가 보여주고 싶은 부분의 background-img를 보여줄 수 있었습니다. 다른 부분은 수월하게 진행했던 것 같습니다. 아래는 제가 background-position 속성을 학습할 때 참고한 mdn링크입니다. https://developer.mozilla.org/en-US/docs/Web/CSS/background-position background-position - CSS: Cascading Style Sheets | MDN The background-position..

오늘 처음으로 HTML/CSS 미션 5개 중 첫 번째 프로젝트를 완료하였는데요. 진행하면서 어려웠던 점에 대해서 적어볼까 합니다. 먼저 저는 다음과 같이 프로젝트를 private Repository를 통해서 git hub에 업로드를 하고 있습니다. 제가 오늘 프로젝트를 진행하면서 느낀 점은 HTML, CSS는 어느 정도 실력이 있다고 생각했었는데 아직 부족하다고 느끼게 되었습니다. 오늘 구글링을 참 많이 했던 것 같습니다. 특히 가상 선택자 ::before, ::after에 대해서 아예 모르고 있는 상태여서 zero-base에서 제공해 주는 강의와 구글링을 통해서 학습한 것 같습니다. 이전에는 js를 통해서 구현하는 줄 알았던 부분이 알고 보니 css를 통해서 구현이 가능하다는 것을 깨달은 것 같습니다...

문제 설명 문자열 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