TIL
TIL 2021-02-14
CSS 인라인 요소(, ...)에는 padding-top, padding-bottom 이 적용되지 않는다. 해결방법 : display : inline-block or block or inline-flex 를 적용하면 padding-top,bottom이 적용된다.
기타
어휘분석, 구문분석, 의미분석
1. 어휘 분석 (Lexer) 컴파일러의 첫 번째 단계는 어휘 분석이라고 불린다. 이 단계는 단어들을 그룹화해서 소스 프로그램을 어휘소라고 불리는 의미있는 순서들로 만드는 것과 관련된다. 어휘소는 "정수", "식별자" 같은 토큰 클래스에 속한다. 형태의 토큰은 각 어휘소를 위해서 만들어진다. 어휘 분석은 또한 스캐닝이라고 불린다. *토크나이징(tokenizing) - 문법적 의미를 갖는 코드의 최소 단위인 토큰들로 분해한다. ex) printf("Hello World!\n"); , , , , 2. 구문 분석 (parser) 컴파일러..
TIL
[TIL] 2021-02-07
1. 스케일 아웃 (수평 스케일) 서버 대수를 늘려서 처리 능력을 향상시키는 것이다. 2. 스케일 업 (수직 스케일) 서버 자체를 증강하는 것에 의해서 처리 능력을 향상시키는 것이다. 예를 들어 프로세스를 추가하거나 프로세스를 고성능 모델로 옮겨놓는 것을 가리킨다. CPU 교체나 RAM 추가도 해당. 3. 기타 소식 클라우드 환경이 늘어나고 DB 시스템의 스케일 아웃을 하여 구성하는 난이도가 매우 높기때문에 DB 관련 비즈니스 로직을 Application에서 처리하는 추세가 대세가 되었다고 한다.
Javascript
리스트에 이벤트를 효율적으로 등록해보자!>
기존의 코드 - 각 태그를 선택하여 각각 이벤트를 주입해준다. 1 2 3 4 5 6 개선된 코드 - 태그에 이벤트를 주입하고 클릭한 이벤트가 이라면 내부로직을 동작시킨다. e.currentTartget : 이벤트 발생 시작 요소 ( 이벤트 핸들러가 부착된 요소) e.target : 이벤트 전파 최하단 요소 1 2 3 4 5 6
Javascript
일급 객체와 고차 함수
일급객체와 고차함수 일급객체란 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다. 변수에 대입하거나 함수의 인자로 전달되거나 리턴할 수도 있는 연산을 지원하는 객체이다. const func1 = function(n) { // 함수 변수 할당 return n + n; } const func2 = (n) => { // arrow 함수 변수 할당 return n + n; } 고차 함수는 다른 함수를 인자로 받거나 다른 함수를 리턴하는 함수를 말한다. 이 때 다른 함수를 인자로 전달되는 함수를 콜백 함수라고 한다. 그리고 함수를 리턴하는 함수를 고안해 낸 학자 이름을 딴 커리 함수라고 한다. function double(n) { return n * n; } function func(f,..
알고리즘
BFS - 너비 우선 탐색
BFS는 너비 우선 탐색으로 Start Node와 가까운 노드 부터 탐색하는 알고리즘입니다. DFS와 반대인 탐색알고리즘이다. 아래 Graph를 통해 BFS에 대해 알아보자. Graph Code로 보는 Graph graph = [ [], # root_node [2, 3, 8], [1, 7], [1, 4, 5], [3, 5], [3, 4], [7], [2, 6, 8], [1, 7] ] BFS 탐색하기 간단한 BFS 알고리즘 from collections import deque def bfs(graph, start, visited): queue = deque([start]) visited[start] = True while queue: v = queue.pop() print(v, end=' ') for no..
알고리즘
DFS - 깊이우선탐색
DFS는 깊이 우선 탐색으로 최대한 깊숙히 들어가서 노드를 방문한 후, 다시 돌아가 다른 경로로 탐색하는 알고리즘이다. 아래의 Graph를 통해 DFS에 대해 알아보자. Graph Code로 보는 Graph graph = [ [], # root_node [2, 3, 8], [1, 7], [1, 4, 5], [3, 5], [3, 4], [7], [2, 6, 8], [1, 7] ] DFS 탐색하기 간단한 DFS 알고리즘 def dfs(graph, v, visited): visited[v] = True print(v, end=' ') for node in graph[v]: if not visited[node]: dfs(graph, node, visited) graph = [ [], # root_node [2,..
Web
URL 끝에 / 가 붙는 이유?
https://www.google.com/ => 디렉토리 https://www.google.com => 파일 URL 끝에 /(슬래시)가 붙는 것은 트레일링 슬래시(trailing slash) 라고 부른다. 트레일링 슬래시가 URL끝에 붙는 것은 해당 URL 리소스가 디렉토리(directory)라는 뜻이다. 반대로 트레일링 슬래시가 붙지 않으면 URL 리소스가 파일(file)이다. (번외) 마케팅 전문가가 웹사이트 홍보를 할때는 더 깔끔해보이기 위해 트레일링 슬래시를 제거한다. 하지만 트레일링 슬래시를 붙이면 더 빠른 속도로 리소스를 찾을 수 있다. 트레일링 슬래시 미사용 : 파일검색 -> (없을 경우)디렉토리 검색 -> (디렉토리 존재시)내부 파일(index.html) 확인. 트레일링 슬래시의 경우 : ..
