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

문제 설명 가위는 2 바위는 0 보는 5로 표현합니다. 가위 바위 보를 내는 순서대로 나타낸 문자열 rsp가 매개변수로 주어질 때, rsp에 저장된 가위 바위 보를 모두 이기는 경우를 순서대로 나타낸 문자열을 return하도록 solution 함수를 완성해보세요. 입출력 예 rsp result "2" "0" "205" "052" 나의 풀이 1 2 3 4 5 6 7 8 9 10 11 12 13 14 function solution(rsp) { let answer = ''; for(let i=0; i

지금 까지 여러 강의를 수강하면서 잘 이해가 되지 않았는데 이번에는 이해가 되어서 글 작성을 해보려고 합니다. const obj = { property1: "1", property2: { subProperty1: '2-1', subProperty2: '2-2', } } 먼저 위와 같이 obj를 생성해 줬습니다. const obj2 = Object.assign({}, obj); //shallow copy(얕은 복사) 다음으로 obj2를 생성하고 Object.assign() 함수를 사용해 {} 빈 객체에 obj를 복사하였습니다. 이것이 바로 shallow copy를 의미합니다. 얕은 복사를 했을 경우 obj2의 property1의 값을 변경했을 경우 obj1의 값과는 무관합니다. 하지만 obj2 객체에 있는..

세 번째 미션을 진행하면서 학습한 점에 대해서 적어보겠습니다. 일단 이번 미션은 요소가 꽤나 많아서 진행시간이 현제까지 한 미션 중 가장 오래걸렸던 것 같습니다. WAI-ARIA에 대해서 학습한 적이 없었었는데 제로베이스 강의를 통해서 클론 코딩 중 예시를 찾게되어 이번 프로젝트에 적용하였습니다. 또한 가상 요소 선택자 ::befor, ::after를 통해서 요소를 넣었을 때 표현이 되지 않아서 무엇이 문제일까 했었는데 position:absolute를 사용하면 적응이 되는 점을 알게되었습니다. 다른 부분에서는 크게 어려운 점이 없었던 것 같습니다.

강의 수강 중 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