비트 연산자비트 연산자설명&두 비트 값이 모두 1인 경우에만 1을 반환 (AND)|두 비트값 중 하나라도 1이면 1을 반환 (OR)^두 비트값이 서로 다를 때 1을 반환 (XOR)~비트가 1이면 0으로, 0이면 1로 반전 (NOT)지정 수만큼 비트를 전부 왼쪽으로 이동 (LEFT SHIFT)>>지정 수만큼 비트를 전부 오른쪽으로 이동 (RIGHT SHIFT) & (AND 연산자)A00101100B10110110&00100100👉🏻 A, B 모두 1일때만 1을 반환한다. | (OR 연산자)A00101100B10110110|10111110👉🏻 A, B 둘 중 하나라도 1이면 1을 반환한다. ^ (XOR 연산자)A00101100B10110110^10011010👉🏻 A, B 값이 다를 때만 1을 반환..
css에서 길이 단위가 여러가지가 있는데, 하나씩 살펴보자 !절대 단위, 상대 단위절대 단위항상 고정된 길이를 나타내는 단위이다.px, cm, mm 등이 있지만 px을 사용한다. 상대 단위고정되지 않고 어떤 기준에 따라 유동적으로 바뀌는 길이를 나타내는 단위이다.em, rem, vw, vh 등이 있다.px- 절대값을 사용하는 단위1px은 항상 고정된 물리적 크기에 해당한다.em, remem (element)- 부모 요소의 font-size 기준같은 요소 내에 설정된 폰트 크기 값이 있을 때는 해당 요소의 font-size가 기준이 된다.html { font-size: 16px;}div { font-size: 20px; width: 10em; /* 200px */} rem (root element)..
HTTP/1이든 HTTP/2이든, HTTP 버전들에 대해 알아보기 전에 그 HTTP가 도대체 무엇인가를 한 번 살펴본 후에 버전들에 대해 자세히 알아보려한다. 😊 아래 글을 번역 및 참고한 것으로, 어색한 부분이 있을 수 있습니당 😊 https://cs.fyi/guide/http-in-depth https://www.cloudflare.com/en-gb/learning/ddos/glossary/hypertext-transfer-protocol-http/ HTTP HTTP(HyperText Transfer Protocol)는 WWW(World Wide Web) 기반으로 하이퍼텍스트 링크를 사용해 웹 페이지를 로드하는데 사용된다. HTTP Request HTTP request는 웹 브라우저와 같은 인터넷 통..
FE-Roadmap을 참고해서 공부를 하고있다. 적어도 인터넷이 무엇이고, 어떻게 작동하는지는 알아야 웹 개발을 하든 공부를 할 수 있을 것 같아 처음부터 하나씩 알아보았다. 아래 문서를 번역하면서 작성한 내용이라 다소 어색할 수 있습니다. https://cs.fyi/guide/how-does-internet-work How works? The internet is a network of networks. 네트워크 서로 연결된 컴퓨터나 기기들의 그룹 인터넷은 표준화된 프로토콜을 사용하는데, 이 프로토콜은 장치간 정보 교환 방법을 정의하고 데이터가 안전하게 전송되도록 보장한다. 다른 기기와 시스템들간의 트래픽 전달을 담당하는 상호연결된 라우터라는 것이 인터넷의 핵심이다. 아래 그림을 보자. 유저가 인터넷으..
java로 알고리즘 푸는 나는 너비 우선 탐색을 풀 때 Queue를 사용한다.그런데 왜 Queue를 선언할 때 LinkedList를 사용하는지, 구조적으로 어떤 차이가 있어 LinkedList를 사용하는지 알아보고자 했다. 먼저 ArrayList와 LinkedList 각각에 대해 알아보자.ArrayListArrayList는 중복이 가능하다.ArrayList는 순서가 유지된다. index로 원소를 관리함.ArrayList는 크기가 고정되어있지 않다.동적으로 늘어나는 것이 아니라, 넘치게 되면 내부에서 일정 수만큼 늘려주게 됨.add(E element) 제일 뒤에 원소를 추가한다.index로 원소를 관리하기 때문에 마지막 index의 원소 뒤에 넣기만 하면 된다. -> 빠름!add(int index, E e..
querySelectordocument.querySelector(selectors);document.querySelector는 'selectors'와 일치하는 문서 내의 첫 번째 element를 반환한다. 일치하는 요소가 없다면 null 반환. getElementByIddocument.getElementById(id);document.getElementById는 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾아 이를 나타내는 element 객체를 반환한다. 일치하는 요소가 없다면 null 반환.id가 없는 요소에 접근하려면 querySelector를 사용한다. 차이점querySelector보다 getElementById가 더 빠르다.querySelector는 다양한 선택자를 사용할 수 있다. (ge..
