전체 글 86

웹 페이지 메타데이터에 대하여 알아보기 🎀

역할: HTML 문서의 메타데이터를 담는 컨테이너.위치: 요소 바로 아래, 요소 앞에 위치.특징: 요소 내의 내용은 웹 페이지에 직접 표시되지 않습니다. 핵심 메타데이터 요소 역할: 문서의 제목을 정의.중요성:브라우저 탭, 북마크, 검색 결과에 표시되는 제목.검색 엔진 최적화(SEO)에 매우 중요.접근성 측면에서 스크린 리더 사용자에게 페이지 내용을 알려주는 역할.권장 사항:페이지 내용을 명확하고 간결하게 요약 (55-60자 이내).핵심 키워드를 포함.페이지마다 고유한 제목 사용.참고: 하나의 HTML 문서에는 단 하나의 요소만 존재해야 합니다. 역할: 다양한 종류의 메타데이터를 정의. name과 content 속성을 사용하여 정보를 지정.주요 사용 예:charset: 문자 인코딩 설정 (예: U..

01. Markup 언어와 Markdown 언어 비교

📌 마크업 언어, 마크다운 언어상식선에서 접근 해보면 마크업은 기계가 읽은 언어 같고 마크 다운은 사람이 읽을 수 있게 글을 쓰는 언어라 생각된다. 개발자가 아닌이상 HTML 을 뜯어보지는 않으니까 ..벨로그, 깃허브 리드미, 요즘에는 티스토리도.그리고 노션도 ! 마크다운 언어를 사용한다.단순한 문법으로 꼭 필요한 내용만 쓸 수 있도록 해준다. 📌 마크업 언어 (Markup Language)텍스트에 태그를 사용하여 문서의 구조와 서식을 정의하는 언어.HTML (Hypertext Markup Language): 웹 페이지의 구조와 내용을 정의하는 데 사용하고, 태그를 사용하여 텍스트, 이미지, 링크 등을 구성하고 브라우저에 표시한다.XML (Extensible Markup Language): 데이터를 ..

옵시디언 리뷰 (라고 할 수 있나?) , 옵시디언 폰트 변경

소신 발언 합니다.티스토리? 싫어합니다.노션? 싫어합니다.벨로그? 싫어합니다.네이버 블로그? 좋아하지만 너무 사생활 남발입니다. 그렇지만 내가 공부한 내용은 조금이라도 끄적이고 싶어. 꾸진 노트북,그리고 개멋진 옵시디언 프로그램 . 옵시디언 폰트 변경 하고싶어서 이것저것 찾아보고 따라했는데도 쫏나 !!! 안먹히는 거임.그래서 껐, 켰 했는데 그제서야 적용되더라. 나. 두 시간 날렸다 씨빨. 나만 볼 수 있는 화면 .나만 보기 아쉬워서 자랑한다.

카테고리 없음 2025.03.04

자료구조 / 배열, 스택, 큐, 해시테이블

자료구조의 큰 그림 : 어떤 구조로 데이터를 다룰 것인가 자료구조와 알고리즘자료구조: 데이터를 효율적으로 저장하고 관리하는 방식알고리즘: 주어진 문제를 해결하기 위한 효율적인 연산 방법시간복잡도와 공간 복잡도성능의 차이를 판단 하는 척도시간 복잡도 : 입력의 크기에 따른 프로그램 실행 시간 = 입력의 크기에 따른 연산 횟수 ![[Pasted image 20250226153209.png]]빅 오 표기법 시간 복잡도는 동일한 입력에도 실행 시간이 달라질 수 있음점근적 상한을 나타내는 표기법으로, 실행 시간 증가의 한계를 표현O(상한(n)) 형태로 작성하며, 입력 n이 무한대로 커져도 실행 시간이 해당 상한을 초과하지 않음을 의미예시: O(3n) → 실행 시간 증가율이 최대 3n보다 작거나 같음을 의미![[P..

코합되 / Chapter 09 해시 / 자바스크립트는 객체 깡패다.

해시키와 값을 1:1 저장해서 빠른 데이터 탐색을 제공단방향으로 동작(값으로 키를 왜 찾아) O(1) -> 탐색 과정이 필요 없음 활용분야특정 데이터를 탐색하는 횟수가 많을 경우 사용비밀번호 관리데이터베이스 인덱싱블록 체인 해시함수자스에선 오브젝트라는 자료형으로 구현 가능 고려사항해시 함수가 변환한 값은 인덱스로 활용해야 하므로 해시 테이블의 크기를 넘으면 안 됨. 해시 함수가 변환한 값의 충돌은 최대한 적게 발생해야 함(동일한 결과값이 적게 나오게) 자주 사용하는 해시 함수나눗셈 법 : 키를 소수로 모듈러 연한 함. 곱셈법 문자열 해싱 충돌 처리체이닝개방 주소법

코합되 / Chapter 08 큐 / 네~ 다음손님 주문 어떤걸로 해드릴까요?!

큐= 선입선출 데이터 이동 과정: 더벤티 음료 주문과 같다. 먼저 주문 한 음료가 먼저 나오는 것이다.  활용 분야이벤트를 발생한 순서대로 처리할 때 큐가 활용됨.작 업 대기열 : 다수의 클라이언트 요청을 서버에서 순서대로 처리하고자 할때.이벤트처리 : 키보드, 마우스 등의 입력을 처리할 때.  ADT연산 데이터가 다 찼는지.비었는지푸시 팝, 반환 front : 가장 처음에 팝한 위치를 기록(앞부분)rear : 가장 최은에 푸시한 데이터의 위치를 기록(뒷부분)    큐 구현시 단점: 큐를 한 방향으로 관리 하기 때문에 메모리 공간을 낭비하게 됨. -> front 이전을 기준으로 큐의 사용가능한 부분가 불가능한 부분이 나누어짐  shift()로 구현(추천)shift()는 배열의 맨 앞 요소를 제거하고 반환..

Chapter 03 운영체제 - 04 CPU 스케줄링 / 05 가상 메모리 (작성중 ...)

[ 스케줄링 ]베이스 : CPU의 자원은 한정적이다. 프로세스 마다 적절히 나눠 가져야 한다. 배분 방법 -> 스케줄링  ✅  우선순위 📌 운영체제에서 프로세스 우선순위와 CPU 자원 할당운영체제(OS)는 다수의 프로세스를 효율적으로 관리하기 위해 각 프로세스의 우선순위를 판단하고, 이를 프로세스 제어 블록(PCB)에 명시함. 일반적으로 우선순위가 높은 프로세스는 CPU 자원을 더 많이, 더 빨리 할당받게 됨. 📌 프로세스 우선순위 확인 및 조정개발자는 프로세스의 우선순위를 조정할 수 있으며, ps 명령어를 이용해 현재 실행 중인 프로세스의 우선순위를 확인할 수 있음. 이를 통해 시스템의 자원 배분 상태를 분석하고 최적화할 수 있음. 📌 우선순위 할당 기준운영체제는 주로 CPU 활용률을 기준으로 프..

코합되 / Chapter 06 스택 / 스택은 참 쉽다. 어디 쓰이는지 판별하는 건 전혀 쉽지 않다.

내 업보다 미친아 학습 목표스택을 아세요?스택을 낉여오거라 .스택이란 (것도 모르면 바보 아니겠냐. ) 당신들 선입 선출이 뭔지는 아시죠, 근데 스택은 그게 아님. 이해 완?  ㅇㅇ 완. 푸쉬 앤나 팝 나연 팝 아세요?모르면 들어.   음. 개미가 줄을 섰다고 가정 해봅시다. 🐜 ㅋㅋ 기여움.  🐜 이상태는 top이 1인 상태 입니다. 고로 탑이란, 마지막에 요소가 들어간 자리를 가리키나...? 없을때 -1 이면, 하나 있을땐 0. 아 이것의 탑은 0이 겠네요.  아무튼예 🐜🐜개미가 꼬리를 물었습니다. 뒤에온 놈이 나중에 온 놈이겠지요. 이것을 우리는 푸쉬라고 부릅니다.  🐜🐜🐜🐜🐜🐜🐜 푸시푸시 베이베 🐜🐜 어 근데 개미들이 잘 따라오다가 길을 잃었나봐여뒤에 있던 개미들이 없어졌어..

코합되 / Chapter 05 배열 / 너는 배열을 모르면 안 된다.

님들 배열을 왜 쓰는지 아세요?모르시죠?그건 바로 ~여러개의 데이터를 하나의 변수로 관리하기 위함 !! 임을, 이미 다 알고 계시죠? 모르면 큰일나 ~자바스크립트 배열의 어떠한 특징들배열 크기 조절이 가능함.숫자 인덱스로 요소에 접근이 가능함.배열 복사시 얕은 복사본이 생성됨.생성 방법은 여러가지가 있는데요~Array() 생성자로 생성하기. (생성자로 생성하기 막이래~)리터럴 표기법으로 생성하기.const fruits = ["사과", "바나나"];(생각보다 여러가지는 아니군 .)자.스 배열의 크기는 조절이 가능하다고 했지요? 관련 메소드를 알아보아요.join(), slice(), indexOf() 등은 호출시 length 값 고려.push(), splice(), pop()은 length 속성 갱신.len..

자바스크립트 불변 객체 | 상태를 불변하게 업데이트 한다는 건?

* 개인 공부를 정리한 포스트입니다. * 잘못된 정보는 댓글로 알려주세요. * 위키북스의 정재남 코어자바스크립트를 참고하였습니다. 리액트에서 불변성이란? 리액트를 공부하다보면 상태를 불변하게 업데이트 해야한다고 배웠을 것이다. 이게 과연 무엇일까? 앞서 객체는 가변(내부의 프로퍼티 값이 변함)이라고 하였다. 리액트의 상태(변수)의 값으로 객체를 할당하였을때 사용자는 객체에 접근하여 값을 바꾸는 것이 가능하다. 이것은 불변하다는 것에 반하는 것이 된다. 따라서 새로운 객체를 만들어 재설정 하는 방식으로 값을 업데이트 해줘야 한다. 이러한 것을 불변성을 지키는 것이라고 한다. 또한 리액트의 set은 이전값의 값과 같을때 값이 변하지 않고 상태가 유지 된다. 내부 프로퍼티로 접근해서 값을 변경한 경우 주소를 ..

💻 FE/🍓 JS 2024.03.04