기술 블로그

def solution(n, lost, reserve): #인접한 학생'한명'에게 대여줄수있음 #여벌은 단 하나 # 제한사항을 잘 고려할것 여벌을 가져온 학생이 도난당했을 수도 있음 mans = [1]*(n+2) # 20201111 for j in reserve: mans[j]+=1 for i in lost: mans[i]-=1 for m in range(1,n+1): if mans[m] == 2: if mans[m-1]==0: mans[m-1] += 1 continue if mans[m+1]==0: mans[m+1] += 1 print(mans) answer = 0 for k in range(1,n+1): if mans[k] >= 1: answer += 1 return answer

https://www.frontendinterviewhandbook.com/kr/javascript-questions - z-index의 적용 범위는 어디까지 인가요? - 부모요소 내 입니다. 이는 쌓임 맥락 때문에 일어납니다. - 시멘틱 태그의 요소와 각각의 의미에 대해 설명하세요. - header 페이지 상단부분 문서나 색션의 머릿글 - aside 옆에 위치하는 컨텐츠 - article 독립적인 글 - section 문서의 부분을 의미하는 태그 - footer 문서 또는 섹션의 바닥글, 일반적으로 연락처 정보나 사이트 맵 제공 - nav 메뉴 탭 탐색경로 - 이벤트 위임이 무엇인가요? - 각 하위요소에게 이벤트 리스너를 달지 않고 상위 요소에게 담으로서 - 이벤트 버블링을 이용해 하위요소에서 이벤트가..

자바스크립트에서 객체의 최상단 레벨만 값으로서 복사되는 것을 얕은 복사라고 하고 모든 레벨에서 값으로서 복사되는 것을 깊은 복사라고 한다. 깊은 복사를 위한 방법으로는 다음과 같은 방법이 있다. JSON.stringyfy JSON.stringify()와 JSON.parse()를 이용한 깊은 복사(deep copy) 방법은 JavaScript 객체를 복사할 때 사용할 수 있는 간단한 방법 중 하나이다. 이 방법은 객체의 모든 내용을 문자열로 변환한 다음, 그 문자열을 다시 객체로 파싱하여 복사본을 생성하는 방법이다. 단점 경우에 따라 다를 수 있으나 크기가 클 경우 성능 문제가 있다. 함수와 메서드는 문자열로 변환되지 않기 때문에 복사된 문자열에는 포함되어있지않다. 객체가 순환참조를 가지고 있다면 에러가 ..

https://developer.mozilla.org/ko/docs/Web/HTTP/Status 작성중

https://developer.mozilla.org/ko/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context 쌓임 맥락 - CSS: Cascading Style Sheets | MDN 쌓임 맥락(stacking context)은 가상의 Z축을 사용한 HTML 요소의 3차원 개념화입니다. Z축은 사용자 기준이며, 사용자는 뷰포트 혹은 웹페이지를 바라보고 있을 것으로 가정합니다. 각각의 HTML 요소는 developer.mozilla.org 만약 아래와 같이 div 요소 3개가 있다고 하자 각각의 z-index는 검은색 2 빨간색 1 빨간색의 자식요소인 파란색은 3이다. 코드는 아래와 같다 . .black { backgroun..

https://blog.jaegwan.com/99 [TIL] 웹 브라우저 이해 브라우저 유저 인터페이스: url 입력창을 포함한 웹페이제 외적 클라이언트 요소 브라우저 엔진: 유저 인터페이스와 렌더링 엔진을 중재 렌더링 엔진: 리소스를 파싱하고 결과물을 바탕으로 페 blog.jaegwan.com 브라우저 렌더링에 대해 위 게시글에서 더 자세히 설명했다. 돔 객체 수정시 일반적으로 수정은 리플로우 단계부터 일어난다. 리플로우에서는 크기와 위치를 재조정하는 과정을 거치며 리페인트에서는 스타일을 입히는 과정을 거친다. 리플로우를 일으키는 작업을 하면 순차적으로 리페인트까지 일어나게 되는것이다. 만약 특정 요소의 위치를 변경하거나 크기를 키워야한다면 transform을 조작하는 방법과 position을 조작하는..