목록2023/10 (18)
기술 블로그
Java의 기본적인 부분부터 고급 기능에 대해 이야기해보려 한다. 먼저, Java에서 EOF(End of File)는 입력의 끝을 나타내며, 이를 사용해 무한 루프에서 탈출할 수 있다. Scanner의 hasNext() 또는 hasNextLine() 메서드를 사용하여 입력 스트림에 다음 토큰 또는 라인이 있는지 확인하고, 없다면 루프를 탈출할 수 있다. Scanner scanner = new Scanner(System.in); while (scanner.hasNextLine()) { String input = scanner.nextLine(); System.out.println(input); } Java에서 예외 처리는 프로그램이 예외 발생 시 안정적으로 동작하도록 돕는 메커니즘이다. throw 키워드를..
객체지향 프로그래밍: 인스턴스와 클래스, 동적 바인딩 이해하기 인스턴스와 객체의 차이 인스턴스와 객체의 차이를 이해하려면 먼저 클래스의 개념을 알아야 한다. 클래스는 객체를 생성하기 위한 템플릿이다. 객체는 클래스에서 정의한 것을 바탕으로 메모리에 할당된 상태를 말하며, 인스턴스는 특정 클래스로부터 생성된 객체를 의미한다. 클래스를 설계도에 비유한다면, 객체는 설계도로부터 만들어진 실제 제품이고, 인스턴스는 그 제품이 어떤 설계도로부터 만들어졌는지를 명시할 때 사용하는 용어다. 인스턴스 변수와 클래스 변수 인스턴스 변수는 클래스로부터 생성된 각 객체에 할당되는 변수이다. 이 변수는 객체마다 별도로 존재하며, 객체의 상태를 나타낸다. 클래스 변수는 클래스에 속한 변수로, 해당 클래스의 모든 객체가 공유한다..
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을 조작하는..
http란? 데이터 전달을 위한 통신 프로토콜로 클라이언트 서버 모델에서 사용되며 비 상태성을 지닌다. 보완 방법: 쿠키 세션 쿠키 - 클라이언트에서 저장하는 작은 데이터 셋 * 쿠키에 만료기간 있음 세션 - 서버 단에서 클라이언트를 식별하기위해 각 클라이언트마다 세션 아이디를 할당하고 쿠키를 내려보내 통신시 인증하는 구조 - 세션정보는 서버에 저장됨 - 일반적으로 세션은 브라우저 종료시 종료됨 OSI 7 계층이란 네트워크 프로토콜이 통신하는 구조 응용 어플리케이션 프로세스와 통신하는 구간 http 구간 세션 세션을 유지하고 암호화 , 직렬화등을 담당 동기화와 오류 복구 담당 전송 포인트 투 포인트 TCP/UDP등이 해당 양 끝단 신뢰성있는 전송 담당 데이터의 분할 및 재조립 네트워크 ip 계층이며 데이..
브라우저 유저 인터페이스: url 입력창을 포함한 웹페이제 외적 클라이언트 요소 브라우저 엔진: 유저 인터페이스와 렌더링 엔진을 중재 렌더링 엔진: 리소스를 파싱하고 결과물을 바탕으로 페이지를 그려냄 webkit, gecko 등 네트워크 레이어: http(s)프로토콜을 이용해 외부 리소스를 얻어오고 서버에 요청을 보낼 때 사용 js 인터프리터: 자바스크립트를 해석하고 실행 ui 백엔드: 렌더트리를 기반으로 운영체제의 인터페이스를 따르는 ui를 처리 자료 저장소: 데이터를 브라우저 자체 로컬에 저장하기 위한 레이어 접근 및 저장에 활용 로컬스토리지 등 동작 유터 인터페이스에서 url 입력받음 브라우저 엔진에서는 검색어인지 url인지 검증 렌더링 엔진을 거처 네트워크 레이어에서 리소스 요청 리다이렉션(3xx..