목록전체 글 (376)
개발자입니다
[비트캠프] 20일차(4주차5일) - Javascript(개요)
OS, CPU, RAM, HDD, 기계어, 명령문 관계도 명령어(instructions set)를 전기신호로 CPU에 전달한다. 개발자가 기계어 파일을 작성한다. 하지만 직접 작성은 힘드므로 인간 친화적인 언어(C, C++, java, python)로 작성하고 Compiler가 compile해서 기계어로 만든다. 이는 HDD에 저장된다. HDD 파일에 들어있는 일부 기계어를 실행하기 위해 RAM으로 복사하는데 이걸 loading이라 한다. RAM에서 CPU로 명령어 전달하고 CPU는 실행 결과를 RAM으로 보낸다. CPU에 Core가 2개 있다고 해보자. 이때 각 Core마다 메모리가 2개씩 있는데 L1, L2라 한다. 이는 캐시(Cache, 임시보관소)라고 한다. - L1 Cache (8kB ~ 64k..
[비트캠프] 19일차(4주차4일) - 프로그래밍 언어론
프로그램 실행과 프로그래밍 programming : 컴퓨터가 할 일을 순서대로 기록한 것 loading : 읽고 저장하는 것 프로그램 실행은 App에서 OS로 ① 읽기 후 RAM으로 ② 저장한다. 이를 CPU로 ③ 전달하면 CPU는 ④ 명령어 실행 후 RAM에 결과를 ⑤ 보관한다. OS는 ⑥ 결과 꺼내기하고 ⑦ 화면 출력해서 사용자가 모니터로 볼 수 있게 된다. CPU와 RAM, bit CPU와 RAM간 데이터 전송 선 개수에 따라 32bit, 64bit 나뉜다. CPU 제조사는 CPU를 통해 명령을 실행시키는 방법을 명세서로 제공한다. +, -, *, / 등을 신호 보내는 비트 규칙에 맞춰서 코드로 보내는 방법이 있다. 신호 보내는 비트 규칙들을 instructions set(명령어 셋)이라 한다. c..
[비트캠프] 18일차(4주차3일) - CSS(border, padding, margin, display, visibility, float, position)
border-style test08_1.html 테두리 다루기(border) => border-style : 테두리 모양 예) inset, outset, groove, ridge, solid, dashed, dotted, double 등 => border-width : 테두리 두께 예)thin, thick, 5px 등 => border-color : 테두리 색상 예) gray, rgb(100%, 0%, 0%), rgb(255, 0, 0), #ff0000 아래 두 줄의 코드는 거의 같은 기능이다. display: inline-block; float: left; *inline-block 틈새 발생시 해결 방법 다음과 같이 틈새 발생했을때, 부모 태그의 font-size: 0으로 하면 틈이 없어진다. *flo..
[비트캠프] 17일차(4주차2일) - CSS(테두리, font, background)
테두리(border) border, margin, padding test05_1.html border : 콘텐트의 경계 margin : border에서 바깥까지 여백 padding : 콘텐트와 border까지 여백 명령어를 짧은 명령으로, 더 짧은 명령으로 적을 수 있다. 값을 지정하는 순서는 상관 없다. 우선순위 낮은걸 위로, 높은걸 아래로 해야 유지보수가 편하다. -top, right, bottom, left test05_2.html padding-top, right, bottom, left 정도만 알면 된다. /* 순서 => 시계 침이 도는 방향(12, 3, 6, 9)*/ padding: 10px 20px 30px 40px; /* 순서: (top/bottom) (left/right)*/ paddin..
[비트캠프] 16일차(4주차1일) - CSS(selector, 상속, specificity), HTML(input)
CSS : HTML element의 모양을 정의 Selector CSS 주석과 셀렉터 test01_1.html CSS 주석 CSS(Cascading Style Sheet)? => HTML UI 컴포넌트(=태그)의 모양을 제어할 때 사용하는 기술 셀렉터(selector)? => 스타일을 적용할 대상자를 지정하는 문법 1) 태그 이름으로 대상자 지정하기 태그명 {스타일명:값; 스타일명:값; ...} 부모 태그와 자식 태그의 계층 구조 #id selector test01_2.html 2) ID 값으로 대상자 지정하기 #아이디 {스타일명:값; 스타일명:값; ...} .class selector test01_3.html 3) 분류명(class)으로 대상자 지정하기 .분류명 {스타일명:값; 스타일명:값; ...} ..
[비트캠프] 15일차(3주차5일) - 네트워킹, HTTP 요청/응답
폴더 복사 붙여넣기 Networking의 두가지 방식 Networking은 두 가지로 나뉜다. Connection-Oriented(연결지향 - 연결 후 통신) → TCP : 데이터 전송 신뢰성. HTTP 1,2 예) 전화 상호간에 연결되었을때 데이터를 보낸다. Connectionless(비연결 - 연결없이 데이터 전송) → UDP : 데이터 전송 신뢰성X. 별도의 처리 필요. HTTP 3 예) 편지, 방송 편지는 특정 IP까지 데이터를 보낸다. 방송은 Network IP까지만 데이터를 보낸다. TCP TCP : Transmission Control Protocol 전송제어프로토콜, 두 개의 호스트를 연결하고 데이터 스트림을 교환하게 해주는 중요한 네트워크 프로토콜이다. TCP는 데이터와 패킷이 보내진 순..