TIL(Today I Learned)/2024.10 (8) 썸네일형 리스트형 [TIL] 10.19 1. CS1-1 ) 객체와 배열의 작업 / 메서드에 따른 시간 복잡도https://daunje0.tistory.com/183 [CS] 객체와 배열의 작업 / 메서드에 따른 시간 복잡도1. Object객체를 사용해야 할 때순서가 필요하지 않은 경우빠른 액세스/삽입 및 제거가 필요한 경우작업에 따른 시간 복잡도삽입 : O(1)제거 : O(1)액세스 : O(1)검색 : O(N)메서드 별 시간 복잡도Objecdaunje0.tistory.com 2. HTML2-1) dialog 태그https://daunje0.tistory.com/184 [HTML] dialog 태그태그는 HTML5에서 도입된 요소로, 웹 페이지 내에서 대화 상자나 모달 창을 생성하는 데 사용됩니다. 사용자와의 상호작용을 위한 대화형 컴포넌.. [TIL] 10.14 1. CS1-1 ) JWT vs Session 인증 사용 판단 기준 정리https://daunje0.tistory.com/177 [CS] JWT vs Session 인증: 언제 어떤 방식을 선택해야 할까?SessionJWT세션 정보를 저장하기 위한 별도의 저장소가 필요합니다.별도의 저장소가 필요하지 않습니다.세션 무효화가 쉽습니다.JWT 무효화가 쉽지 않습니다.확장 시 세션 저장소도 고daunje0.tistory.com [TIL] 10.11 1. CS1-1 ) 공간복잡도 정리https://daunje0.tistory.com/171 [CS] 알고리즘의 공간 복잡도(Space Complexity)란?1. 정의공간 복잡도는 알고리즘이 실행되는 동안 사용하는 메모리의 양을 나타냅니다. 전체 공간 복잡도 = 입력 공간 + 보조 공간 으로 나뉘지만 알고리즘 자체의 공간 복잡도에 집중해야daunje0.tistory.com 2. javascript2-1 ) 함수의 합성과 데이터 파이프 라인 1. go - 즉시 실행되는 함수 체인 만들기 https://daunje0.tistory.com/173 [JavsScript] 함수의 합성과 데이터 파이프 라인 1. go함수를 값으로 다룰 수 있다는 자바스크립트의 특성 ( 일급함수 ) 때문에정말 다채로운 표현이 가능한.. [TIL] 10.09 1. css1-1 ) flexbox layouthttps://daunje0.tistory.com/169 [CSS] 5-1. FlexBox layout지금까지 float 로 요소들을 수평배치하는 것을 공부했다면 이제 Flex Box 에 대해 알아보겠습니다 👉 플렉스박스는 1차원 레이아웃을 구축하기 위한 관련 CSS 속성들의 집합입니다.👉 플렉스daunje0.tistory.com [TIL] 10.08 1. css1-1 ) clearfix hack 내용 추가https://daunje0.tistory.com/161 [CSS] 4. 포지셔닝 ( position , float, clear)1. 목적블록 속성을 가진 대상을 원하는 위치에 정렬하기 위함 2. 위치 지정을 위한 속성Box-sizing 속성 : 상자 너비 기준 설정float 속성 : 좌우 위치 설정clear 속성 : float 속성 해제position 속성 : 배daunje0.tistory.com 2. vite1-1 ) dev 서버 실행시 에러https://daunje0.tistory.com/167 [vite] Error: listen EACCES: permission denied ::1:5173간혹 사이드 프로젝트를 여러 개 동시에 진행하다 보면.. [TIL] 10.07 1. react1-1 ) 동적 컴포넌트 적용하기https://daunje0.tistory.com/164 [React] 동적 컴포넌트 적용하기 ( 동적으로 태그 및 컴포넌트를 자식에 적용 )자식 컴포넌트에서 사용할 태그 혹은 컴포넌트가기본 HTML 태그일 때는 buttonContainer='문자열 태그명' 으로 속성 값을 주고사용자 정의 컴포넌트를 넘겨줄 때는(예를 들어 Menu 라는 컴포넌트가daunje0.tistory.com [TIL] 10.02 1. CSS 1-1 ) 포지셔닝에 관해 정리https://daunje0.tistory.com/161 [CSS] 4. 포지셔닝 ( position , float, clear, z-index)1. 목적블록 속성을 가진 대상을 원하는 위치에 정렬하기 위함 2. 위치 지정을 위한 속성Box-sizing 속성 : 상자 너비 기준 설정float 속성 : 좌우 위치 설정clear 속성 : float 속성 해제position 속성 : 배daunje0.tistory.com 1-2) 그에 파생된 블록 서식 문맥 ( Block Formatting Context, BFC ) 정리https://daunje0.tistory.com/162 [CSS] 블록 서식 문맥이란 ? ( Block Formatting Context, BFC .. [TIL] 10.01 1. CSS 1-1 ) 인라인, 블록, 인라인블록 내용 추가 정리 1-1-1) 중앙 정렬 block : 중앙 정렬이 될 자신에 margin: auto (단, 너비가 100% 미만인 경우, 수평 중앙에 보낼 수 있다 ) inline / inline-block : 부모요소에 text-align: center 로 정렬 1-1-2) 좌우 정렬 float 속성으로 정렬 ( 종류 무관 )1-1-3) 모든 요소는 position: absolute 또는 position: fixed가 적용되면 inline 으로 display 속성이 변함 1-1-4) 모든 요소는 float 속성을 가지면, 마진이 없는 inline 으로 display 속성이 변함 1-1-5) display 속성을 block으로 변경하면 요소의.. 이전 1 다음