글꼴 font-size : 글자의 크기. 16px(기본값), 단위 font-style ; 글자의 기울기. normal(기울기 없음, 기본값), italic(이텔릭체) font-weight : 글자의 두께. normal(400,기본값), bold(700), 100~900(수치로 설정) font-family ; 글꼴(서체) 지정, 여러 개 지정된 것 중 가장 먼저 적용되는 글꼴 사용. san-serif(고딕체 계열, 대부분), monopsace(고정너비 글꼴 계열), cursive(필기체 계열), fantasy(장식 글꼴 계열) -> 하나씩 써보기 line-height ; 한줄의 높이. 숫자(요소의 글꼴 크기의 배수로 지정), 단위 문자 color ; 글자의 색상. 색상 text-decoration ; 문자..
width, height ; 요소의 가로/세로 너비 auto ; 기본값 / 단위(px,ev,vm) max-width, max-height ; 요소가 커질 수 있는 최대 가로/세로 너비 none ; 기본값 / 단위 min-width, max-height ; 요소가 작아질 수 있는 최소 가로/세로 너비 0 ; 기본값 / 단위 margin ; 요소의 외부 여백(공간)을 지정하는 단축 속성 0 ; 기본값 / auto ; 가로(세로)너비가 있는 요소의 가운데 정렬에 활용 / 단위 -음수도 가능 padding ; 요소의 내부 여백(공간)을 지정하는 단축 속성 0 ; 기본값 / 단위 / % ; 부모 요소의 가로 너비에 대한 비율로 지정 -음수도 가능 border-radius ; 요소의 모서리를 둥글게 깎음 borde..
전역 속성 ; HTML에서, 모든 요소에 적용할 수 있는 속성 title="설명" ; 요소의 정보나 설명을 지정 style="스타일" ; 요소에 적용할 스타일을 지정 class="이름" ; 요소를 지칭하는, 중복 가능한 이름 id="이름" ; 요소를 지칭하는, 고유한 이름. 자주 사용 x data-이름="데이터" ; 요소에 데이터를 지정, 보통 js에서 사용 ex) 사과> 바나나 js) const els=document.querySelectorAll('div') ; els.forEach(el=>{ console.log(el.dataset.fruitName) }
프로그램 언어 - javascript, nodejs - java !( my favorite) //대한민국에서 살거면 필수 - Go 언어가 뜨고 있다. - 파이썬과 루비 중 하나를 해놔라 네트워크 - HTTP , TCP/IP, DNS , HOW SOCKETS WORK - REST API (GET ,POST,DELETE 그런 HTTP 요청 이용하는 HTTP에서의 CRUD API) - DATABASE - RDBMS ,NOSQL - Cashing redis ,memcashed -authentication (security) -distrubuted system cap theorem ,base principle ? 개발자를 나누는 용어 web 환경 front end , back end , full stack 플랫폼..
이번에 알아볼 알고리즘 중 자료구조는 그래프입니다! 그래프는 노드와 그 노드를 연결하는 간선을 하나로 모아 놓은 자료구조입니다. 그 예시로 지도, 지하철 노선도의 최단 경로, 전기 회로의 소자들 등이 있습니다. 그래프 순회(임의의 한 정점에서 시작하여 모든 정점을 한 번씩 방문)에는 DFS와 BFS 등이 있습니다. 자료구조는 선형구조와 비선형 구조로 나뉘는데, 그래프는 그 중에서 비선형 구조입니다. 선형 구조 ; 자료를 구성하고 있는 데이터들을 순차적으로 나열 시킨 형태 ex) 큐, 스택, 데큐 - 자료를 저장하고 꺼내는 것에 초점 비선형 구조 ; 데이터가 계층적으로 구성된 형태 - 표현에 초점 ex) 트리, 그래프 / 컴퓨터의 폴더(폴더 속 폴더..) 그래프 용어 - 정점(=노드) ; 위치라는 개념 -..
연결 리스트(linked list) ; 각 노드가 데이터와 포인터를 가지고 한 줄로 연결되어 있는 방식으로 데이터를 저장하는 자료 구조 단일 연결 리스트 ; 각 노드에 자료 공간과 한 개의 포인터 공간이 있고, 각 노드의 포인터는 다음 노드를 가리킴 노드 구조체 struct list{// 연결 리스트의 노드 구조체 int *score; // 데이터를 저장할 멤버 struct list *link; // 다음 노드의 주소를 저장할 포인터 }; - list 포인터형 link에는 list구조체로 만든 다른 노드의 메모리 주소 저장 연결리스트의 생성과 사용 예시 #include struct list{ char *name[10]; int *score; struct list *link; }; struct list *..
배열 ; 같은 타입의 변수들로 이루어진 유한 집합 - 가장 기본적인 자료구조로, 논리적 저장 순서와 물리적 저장 순서가 일치 - 삽입과 삭제 시 시간 복잡도 o(N) - 배열 요소(배열을 구성하는 각각의 값), 인덱스(위치를 가리키는 숫자)로 구성 더보기 1차원 배열 int main() { int arr[3] ={10,20,30}; for(int i=0;i
오늘 알아볼 알고리즘은 바로 정렬 알고리즘인데요 ! 정렬 알고리즘에는 삽입 정렬, 버블 정렬, 선택 정렬, 퀵 정렬 등 많은 알고리즘들이 있지만 그 중 하나의 구현 방법만 익혀두면 유용하게 쓸 수 있습니다! 선택 정렬 ; 해당 순서에 원소를 넣을 위치는 이미 정해져 있고, 어떤 원소를 넣을지 선택하는 알고리즘 - 1번째부터 끝까지 훑어서 가장 작은 게 1번째, 2번째부터 끝까지 훑어서 가장 작은 게 2번째,.. 반복 - 장 ; 알고리즘이 단순함 / 교환이 버블 정렬에 비해 적게 일어나 많은 교환이 일어나는 자료상태에서 효율적 - 단 ; 시간 복잡도가 O(n^2)로 비효율적 버블 정렬 ; 서로 인접한 두 원소의 대소를 비교하고, 조건에 맞지 않다면 자리를 교환하며 정렬하는 알고리즘 - 1번째와 2번째 원소..
