개발일기장 개발일기장

문제https://school.programmers.co.kr/learn/courses/30/lessons/67256 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 나의 풀이KeyPad 배열을 설정한다.handMap 변수에 1, 4, 7 의 값은 "L", 3, 6, 9의 값은 "R"을 매치시킨 후, 해당 번호를 누른 경우 result에 값을 더해준다.numbers를 순회하며 handMap의 키에 숫자가 존재할 경우 해당 키의 값을 handMap에서 가져온 후 result에 값을 더해주고, left 혹은 right 변수의 값을 업데이트한다.handMap 키에 ..

https://ko.javascript.info/selection-range 의 Selection 파트를 번역했다일부 내용이 포함되지 않을 수 있다 SelectionRange는 선택 범위를 관리하기 위한 generic 객체이다.Range를 생성해도 range만으로는 실제로 선택을 할 수없다.실제 선택을 하기위해서는 Selection 객체를 이용해야 한다.window.getSelection( ) 이나 document.getSelection( )을 통해 Selection 객체를 얻을 수 있다.Selection API specification  에 따르면Selection은 0개 이상의 range를 가질 수도 있다고 하지만 Firefox에서만 여러개의 선택 범위를 가질 수 있다.다른 브라우저에서는 최대 1개의 ..

https://ko.javascript.info/selection-range 의 Range 파트를 번역했다일부 내용이 포함되지 않을 수 있다  Range아래와 같은 Html 태그가 있다Example: italic and bold   의 children은 순서대로    0. Example:   1. italic   2. and   3. bold 여기서 Exampe: italic 부분을 선택하게 되면 의 0번째, 1번째 children을 선택한 것이다. 코드는 아래와 같다. range.setStart(p, 0); range.setEnd(p, 2);range.setStart(p,0) - 스타트를 의 0번째 child로 설정range.setEnd(p, 2) - range를 2번째 child까지 늘린다 (2번..

해당 글은 forEach( )와map( )의 개념을 이해하기 위해 아래 article을 번역한 글입니다 번역에 틀린 부분이 있을 수 있음을 알려드립니다 https://medium.com/@nusrat35/javascript-map-vs-foreach-cb4704636402 JavaScript: forEach() vs map() When to Use Which One medium.com 배열을 반복적으로 접근하기 위해, JavaScript는 몇 가지 효율적인 함수들을 갖고 있다. 배열을 반복하기 위해 가장 자주 사용되는 두 가지 메서드로 forEach( )와 map( )이 있다. 두 메서드 모두 반복을 시행하고 결과를 생성하는데 두 메서드의 차이점이 무엇일까? 특히 새로 시작하는 분들을 위해 몇 가지 ..

졸업작품으로 유튜브 영상을 이용, 스크립트 추출 및 문장 별 발음 녹음 후 평가 기능을 개발 중이다 문제의 발생 모달창이 열리면 youtube player가 멈추면서 발음을 평가할 수 있는 환경이 되어야 하는데 멈추지 않는 플레이어 .. function YoutubePlayer() { const url = useRecoilValue(youtubeLinkState); return ; } ReactPlayer의 playing 속성이 boolean 타입으로 영상 재생을 책임지는 아이이다 모달창이 열렸는지 닫혔는지에 따라 이 속성을 true or false로 설정해주는 작업이 필요해보였다 첫번째 삽질 모달창은 YoutubePlayer 컴포넌트의 상위에 렌더링되기 때문에 모달창이 열렸는지 닫혔는지에 따라 부모 컴..