안녕하세요!

FE 개발자 유진주입니다.

전체 글 81

웹프로그래밍첫걸음 2장. HTML5 문서 기본 이해하기

2장. HTML5 문서 기본 이해하기 HTML (HyperText Markup Language) 웹을 위한 하이퍼텍스트 문서 작성 언어 웹 브라우저에서 보여지는 문서의 내부형식을 규정 *.htm, *.html 2.1 문서 기본구조 : HTML5 문서 규약으로 만들어진 웹 문서 표시 : 현재 파일이 html 문서라는 지시사항을 나타낸 태그 - 요소(Element) : HTML 문서 일부분의 특징을 지정하는 개별적 부분 단독태그 / 복합태그 - 속성(Attribute) : 요소에 추가 정보를 주기 위해 사용 - 특수문자 공백 > " " & & © 카피라이트 2.2 문서 꾸미기 2.2.1 단락 제목과 줄 제목(Headline) : n=1(큰)~6(작은) 단락(Paragraph) : 줄을 바꾸면서 동..

Web/HTML+CSS+JS 2023.05.01

Chapter 5. 병행 프로세스와 동기화(1)

병행(Concurrent): 같이 존재하고 있다는 의미. 메모리에 다수의 프로세스가 같이 존재하는 것. 프로세스들의 실행 순서는 일차적으로 스케줄링에서 담당하겠지만, 실제 실행 과정에서 프로세스 간의 좀 더 복잡한 문제는 세심한 프로세스 관리를 요구함. 다중처리 시스템의 경우 여러 개의 프로세스가 동시에 병렬(Parallel)로 실행됨 (=> 병행 != 병렬) 프로세스의 병행성은 처리기의 수와 상관없으나, 병렬처리가 성공하기 위해서는 기본적으로 병행성이 전제되어야 한다. - 병행 프로세스들은 서로 간에 비동기적(Asyschronous)이다. = 다른 프로세스들이 어떤 상태에 있는지, 어떤 자원을 가지고 있는지, 어디까지 실행됐는지 등에 대해 모른 채 실행 됨 이번 장의 목적 : 공유하는 자원이나 데이터가..

CS/운영체제 2023.04.14

Chapter 4. CPU 스케줄링

스케줄링(Scheduling) : CPU를 기다리고 있는 여러 프로세스 중에 누구를 선택해야 할지에 대해 필요한 방식이나 기준 (주어진 시점에서 어떤 프로세스가 이 자원을 사용할 수 있도록 해 줄 것인가를 결정하는 것) * 대부분 스케줄링이라 함은 CPU 스케줄링을 의미 스케줄링(Scheduling)의 단계 ** 스케줄링이 요구되는 시점을 기준으로 구분 ■ 장기 스케줄링 (=작업 스케줄링) * 대부분 제일 먼저 겪게 되고, 한번 겪으면 그 다음에는 겪을 일 X : 어느 작업을 커널에 등록시켜 프로세스로 만들어 줄 것인가 결정 => 요청된 일을 프로세스로 만들어 시스템에 알려진 일거리로 추가할지 말지 결정. & 다중 프로그래밍의 정도(Multiprogramming Degree)를 조절. - 수행 횟수 적음..

CS/운영체제 2023.04.12

Chapter3. 프로세스와 스레드

프로세스(Process)란? 시스템에 의해 일거리의 단위로 명확하게 구분되는 작업의 대상 (*스레드와 차이 존재) - 수행 중인 프로그램(A program in execution) : 수행 중 (in execution): 어떤 일을 함을 나타내는 프로그램과 이때 필요한 값들을 저장하고 있는 처리기 레지스터, 스택 등의 데이터와 함께, 어느 정도 진행되었는지를 나타내는 PC 값 등으로 표현되어, 커널에 등록되어 있다는 것을 의미함. - 프로그램과 데이터를 기본으로 정상적인 실행을 위해 필요한 환경을 시스템으로부터 부여받은 능동적인 존재. Program Data - 프로세스 제어 블록(Process Control Block, PCB) - 프로세스에 대한 모든 정보를 가진 자료구조 - 프로세스 생성 시에 만들..

CS/운영체제 2023.04.07

[자바의 정석] Chapter2. 단축키/변수/상수/리터럴/문자열/기본형과 참조형/printf

이클립스(Eclipse) 단축키 public class Ex2_1 { public static void main(String[] args) { System.out.println("Hello"); //sysout(sop) ctrl+space 자동완성 System.out.println("Hello"); //ctrl+alt+↓ 행단위 복사하기 System.out.println("Hello"); //ali+shift+A 컬럼 편집 모드(토글) System.out.println("Hello"); //println() - 출력 후에 출바꿈 함 System.out.print("Hello"); //print() - 출력 후에 줄바꿈 안 함 // System.out.print("Hello"); //ctrl+/ 행 주석처..

Language/JAVA 2023.04.06

[자바스크립트의 시작] Javascript 제어문

HTML과 Javascript는 모두 컴퓨터 언어다. 하지만, HTML은 Javascript와는 달리 컴퓨터 프로그래밍 언어는 아니다. 프로그램 : 프로그램에는 순서라는 의미가 있고, 프로그래밍은 이러한 순서를 만드는 행위를 말한다. 조건문 *토글: 하나의 버튼으로 모드를 바꿔주는 기능을 함. (사전적으로는 1과 0을 반복적으로 되풀이하는 상태의 의미) 비교 연산자 === : 왼쪽과 오른쪽이 같은지 판단. 같으면 True, 다르면 False (T/F를 합쳐 Boolean이라 한다). var value = document.getElementById(id).value; value 값 가져오는 방법 (.value) 예제: 조건문을 활용해 day-night 토글 버튼 만들기 리팩토링 : 비효율적이 코드를 효율적..

Web/HTML+CSS+JS 2023.03.29

[자바스크립트의 시작] 웹과 Javascript

JavaScipt HTML : 정적, Javascript: 동적 HTML을 이용해 웹 페이지를 만들고, Javascript를 이용해 사용자와 상호작용할 수 있도록 한다. 1. 자바스크립트는 사용자와의 상호작용 역할을 한다. 2. 웹 브라우저는 한번 화면에 출력되면 자기자신을 바꿀 수 없다. 태그 : HTML에서 Javascript 코드를 사용하기 위해서 script 태그를 사용할 수 있다. * 참고. HTML로 쓴 코드는 정적이기 때문에 문자 그대로를 출력하지만, Javascript 코드는 동적으로 이를 계산할 수도 있다. 이벤트 : 웹 브라우저에서 일어나는 유용한 사건 예) onclick 이벤트: 사용자가 어떤 것을 클릭하는 사건 onchange 이벤트: 입력창에서 사용자가 키보드를 이용해 무언가 입력..

Web/HTML+CSS+JS 2023.03.27

Chapter2. 들어가기 전에 (인터럽트, I/O 방식)

OS의 목적? 그 전에, 1장에서 배운 운영체제의 덕목에는... - 사용자가 컴퓨터를 보다 편리하게 사용할 수 있도록 해주어야 한다. - 하드웨어가 가지는 능력을 십분 발휘되도록 제어해야 한다. (컴퓨터 자원들을 효율적으로 사용될 수 있게 해야 한다.) => 즉, 사용자의 편리성과 자원의 효율적 사용이 그 목적. (+) 운영체제 스스로는 효과적인 점검과 개발이 가능하고, 새로운 기능들이 추가될 수 있도록 만들어져서 사용자에게 보다 나은 서비스를 제공해줄 수 있도록 만들어져야 할 것! ● 부팅 : 전원 버튼이 눌러져 커널이 메모리에 올라와 실행되어 장치들을 준비시키고, 각종 레지스터 값을 초기화하고 나서 사용자의 입력을 받을 준비를 마치는 것 - 전원이 꺼져 있는 상태에서 운영체제 전부는 디스크에 저장되어..

CS/운영체제 2023.03.22

Chapter1. OS란?

운영체제(Operating Systems)란? : 컴퓨터의 여러 응용 프로그램을 설치되게 해주고, 여러 가지 장치를 효율적으로 작동하도록 하며, 사용자가 컴퓨터를 손쉽게 이용할 수 있도록 해주는 프로그램의 집단. : 사용자 인터페이스(User Interface)+자원 관리(Resource Management)를 위한 프로그램의 집합. 덧붙이자면, 그 밖에도 "컴퓨터의 사용자와 하드웨어 사이에서 가교 역할을 하는 프로그램" "하드웨어 그 자체가 가지고 있는 능력을 십분 발휘되도록 제어해주는 프로그램" "컴퓨터가 컴퓨터 밖의 세계와 상호동작하는 방법을 정의한 프로그램" 의 의미를 지님. (결국 모두 같은 뜻이다) 운영체제와 시스템 프로그램을 합쳐 시스템 소프트웨어(ex. 윈도우)라 하고 (둘을 명확히 구분하..

CS/운영체제 2023.03.16

자바의 정석 Chapter1

◆ 자바(Java): 실행환경(JRE)+개발도구(JDK)+라이브러리(API) * 라이브러리: 프로그램에 필요한 기능들을 미리 만들어 둔 것. (라이브러리와 프레임워크 차이: 노마드 코더 영상 참고) PC(인텔리제이, 이클립스) / 웹(스프링 프레임워크 사용) / 모바일(안드로이드) 애플리케이션 / 빅데이터 / 게임, 과학, 소형기기 등에 사용 Java8을 배워도 상관없다. 현재 실무에서는 이전 버전을 쓰는 곳들도 많음. (안정성의 이유로) 이후 버전은 최신 기능이 추가되어 있는 것. ◆ 자바의 특징 - 배우기 쉬운 객체지향 언어 - 자동 메모리 관리 - 멀티 쓰레드 지원 - 풍부한 라이브러리로 쉽게 개발가능 - 운영체제에 독립적 ◆ Java API 문서: 자바로 프로그램을 만드는데 필요한 주요 기능을 미..

Language/JAVA 2023.02.24