윤SW 윤 SW

전체 글

• 연봉을 초단위로 계산해서 보여주는 웹페이지 만들기

  언어/html 2024. 9. 17. 11:51

  완성 사진이다. 연봉을 초단위로 계산해서 보는게 무슨 의미가 있을까? 하겠지만 일을 하다보면 내 연봉이 와닿지 않게 되고 일을하기 싫어질때가 있다. 그럴때 내 연봉을 초단위로 보면서 일을 한다면?? 일할 맛도나고 능률도 오르고 아 내가 시간을 쏟을 수록 돈을 벌고 있구나 하는 마음이 들지 않을까? 또 와 나 몸값 올려야 겠다 라는 등의 생각이 들지 않을까? 하는 생각에서 만들어봤다. 배포는 정적 사이트가 무료로 배포 가능한 Netlify를 이용했다. DDOS 공격으로 무시무시한 금액을 청구당했다는 글을보고 조금 쫄리긴 했는데;; 뭐 트래픽 올라가면 내려버리면 그만이다. 오랜만에 코딩이라 인공지능의 힘을 빌려봤느데 와.... 이거 개발이 너무 쉬워질거 같다는 생각이 들었다. 물론 내가 질문을 거지 같이 해..

  Read More
• (리액트의 컴포넌트)클래스형 컴포넌트, 함수형 컴포넌트, 훅

  카테고리 없음 2022. 2. 13. 15:59

  간단히 컴포넌트는 모듈 재사용하기 편하게 만드는 것이다.(리액트에서 컴포넌트는 앱을 이루는 최소한의 단위) 컴포넌트는 두 가지 인스턴스 속성으로 props와 state를 가지고 있다. props는 부모 컴포넌트가 자식 컴포넌트에게 주는 값 state는 컴포넌트 내부에서 선언하며 내부에서 값을 변경할 수 있다. 동적인 데이터를 다룰 땐 state를 사용 컴포넌트의 생명주기 모든 컴포넌트는 여러 종류의 "생명주기 메소드"를 가진다. 이러한 메소드를 활용하여 특정 시점에 코드가 실행되도록 설정할 수 있다. 마운트 - 컴포넌트의 인스턴스가 생성되어 DOM에 삽입될 때 순서대로 호출된다. contstuctor() static getDerivedStateFromProps() render() componentDidM..

  Read More
• DOM 이 뭐야?

  언어/Java Script 2022. 2. 9. 00:20

  DOM 이 뭐야? DOM(Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. DOM은 W3C의 표준 객체 모델이며, 다음과 같이 계층 구조로 표현됩니다. 자바스크립트랑 무슨 상관? 자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어로 DOM이라는 객체모델을 이용하여 다음과 같은 작업을 수행한다. 자바스크립트는 새로운 HTML 요소나 속성을 추가할 수 있습니다. 자바스크립트는 존재하는 HTML 요소나 속성을 제거할 수 있습니다. 자바스크립트는 HTML 문서의 모든 HTML 요소를 변경할 수 있습니다. 자바스크립트는 HTML 문서의 모든 HTML 속성을 변경할 수 있습니다. 자바스크립트는 HTML 문서의 모든 CSS 스타일을 변..

  Read More
• 파이썬 알고리즘(소수찾기 에라토스 테네스 체)

  Algorithms과 자료구조 2022. 2. 6. 20:28

  https://www.acmicpc.net/problem/11653 import sys import math input = sys.stdin.readline N = int(input()) # 에라토스 테네스의 채 로 소수들을 찾는다. def prime_num(n): arr = [True]*(n+1) prime_arr = [] for i in range(2, int(math.sqrt(n)+1)): if arr[i]==True: j=2 while(i*j)

  Read More
• 기술스택 (선정이유)

  Mini_project/나만의 무기 정글(22.02~03) 2022. 2. 4. 13:04

  React? React Native? 나만의 무기를 하게되면서 리액트를 사용하여 웹앱을 개발할것인지 리액트 네이티브를 이용하여 앱을 만들지 고민중이다. 아래는 리액트와 리액트 네이티브의 차이점을 보기위해 정리해 본 표이다. React react native javascript 와 JSX를 사용하여 웹 앱을 볼 수있는 UI 라이브러리 React 상단에 추가 라이브러리 iOS 이며 Android 장치 및 장치에 대한 기본 앱을 만 둘 다 JavaScript에 대한 JSX 구문 확장을 따른다. React는 사용자 인터페이스를 구축하기위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리 React Native를 사용하면 JavaScript 만 사용하여 모바일 앱을 빌드 할 수 있습니다. React와 ..

  Read More
• pintos poject4 WIL

  SW_jungle3기 2022. 2. 3. 10:45

  프로젝트 4에서는 기존 하나의 디렉터리만 존재하는 파일시스템에서 디렉터리와 파일의 계층구조를 구현해야 했다. 또한 파일의 생성시 고정크기가 아닌 파일에 쓰기를 수행할 때마다 디스크 블록을 할당받아 사용하도록 구현해야 했다. 공부내용 11-1. File system_Disk systme 11-2. File System overview 11-3. Directory Structure 11-4. File Protection Mechanism 11-5. File System Implementation 12-1. 입출력 시스템 관리 12-2. 디스크 스케쥴링 project4_Indexed and Extensible files 프로젝트4를 마치며 프로젝트 4 도 이전처럼 이론을 먼저 공부하고 참고자료들을 활용하여 구..

  Read More
• project4_Indexed and Extensible files

  OS/Pintos P.J_4 2022. 1. 30. 15:12

  이전의 핀토스 파일 시스템은 데이터를 이어진 형태의 연속 할당으로 할당해 디스크 전체에는 빈공간이 file size만큼 남아있더라도 할당받못하는 외부단편화가 발생하기 쉽다. 프로젝트 4에서는 on-disk inode structrue를 수정하여 위 문제를 해결한다. Indexing large files with FAT (File Allocation Table) 위에서 말한대로 이전 프로젝트에서는 파일시스템이 연속할당의 방식으로 데이터를 할당해 여러개의 disk sector에 걸쳐서 이어진 형태로 공간에 저장되어있었다 이를 cluster로 부른다면 클러스터는 한개 혹은 다수의 dis sector를 가질 수 있다. 기존 핀토스 파일시스템에서는 cluster 사이즈를 cluster 안에 저장된 파일의 크기와 ..

  Read More
• 12-2. 디스크 스케쥴링

  OS/os 공부 2022. 1. 27. 23:07

  디스크 스케쥴링은 디스크에 접근하는 요청들의 처리 순서를 결정하는 정책으로 디스크 시스템의 성능을 향상시키는 것을 목적으로 한다. 성능향상의 평가기준은 1. Throughput : 단위 시간당 얼마나 처리하느냐 2. Mean response time : 평균 응답 시간을 얼마나 줄이느냐 3. Predictability : 응답시간을 예측할 수 있어 요청이 무기한 연기되는 starvation을 되지 않도록 하느냐 이다. Data access time 에는 Seek time, Rotational delay, Data transmission time 3가지 요소가 있다. 여기서 데이터 읽어오는 시간은 항상 같으니 디스크의 head를 필요한 실린더로 이동시키는Seek time 과 필요한 섹터를 헤드로 위치시키기..

  Read More
• 12-1. 입출력 시스템 관리

  OS/os 공부 2022. 1. 27. 16:14

  입출력 시스템(I/O system) I/O Mechanisms 먼저 프로세서(CPU)가 메모리접근을 제어하는 방법으로 Polling과 interrupt가 있고 CPU가 관여하지 않는 Direct Memory Access(DMA)방법이 있다. Polling(Programmed I/O)_프로세서 관여 풀링방법은 프로세서가 주기적으로 모든 I/O 장치를 순환하며 I/O 장치의 전송준비, 전송상태 등 을 확인하는 방법이다. 간단하고 I/O장치가 빠르고 데이터 전송이 잦은 경우에는 효율적이나 모든 I/O를 주기적으로 확인한다는 점에서 Processor의 부담이 크며 I/O device가 느린경우 Polling oberhead가 커진다. Interrupt_프로세서 관여 인터럽트는 I/O장치가 작업완료후 자신의 상태..

  Read More
• 11-5. File System Implementation(디스크 할당,빈공간 관리)

  OS/os 공부 2022. 1. 27. 12:28

  이제 파일시스템을 구현을 위한 디스크공간 할당과 디스크의 빈공간을 관리하는 방법에 대해 알아보자 Allocation methods 먼저 file 저장을 위한 디스크 공간 할당 방법에 대해 알아보자 1.Continous allocation Continous allocation은 말 그대로 하나의 file을 디스크의 연속된 block에 저장하는 할당방법이다. 이 방법을 사용하면 파일에 직접접근이나 순차접근을 하는데 용이하나 새로운 file을 위한 공간 확보가 어렵고 파일의 크기가 크다면 External fragmentaion이 발생할 수 있다. 또한 파일이 할당이후 증가해야 할 경우 추가 공간을 할당하는데 제약이 있을 수 있다. 2. Linked allocation Linked allocation은 file..

  Read More