본문 바로가기

분류 전체보기78

연봉을 초단위로 계산해서 보여주는 웹페이지 만들기 완성 사진이다. 연봉을 초단위로 계산해서 보는게 무슨 의미가 있을까? 하겠지만 일을 하다보면 내 연봉이 와닿지 않게 되고 일을하기 싫어질때가 있다. 그럴때 내 연봉을 초단위로 보면서 일을 한다면?? 일할 맛도나고 능률도 오르고 아 내가 시간을 쏟을 수록 돈을 벌고 있구나 하는 마음이 들지 않을까? 또 와 나 몸값 올려야 겠다 라는 등의 생각이 들지 않을까? 하는 생각에서 만들어봤다. 배포는 정적 사이트가 무료로 배포 가능한 Netlify를 이용했다. DDOS 공격으로 무시무시한 금액을 청구당했다는 글을보고 조금 쫄리긴 했는데;; 뭐 트래픽 올라가면 내려버리면 그만이다. 오랜만에 코딩이라 인공지능의 힘을 빌려봤느데 와.... 이거 개발이 너무 쉬워질거 같다는 생각이 들었다. 물론 내가 질문을 거지 같이 해.. 2024. 9. 17.
(리액트의 컴포넌트)클래스형 컴포넌트, 함수형 컴포넌트, 훅 간단히 컴포넌트는 모듈 재사용하기 편하게 만드는 것이다.(리액트에서 컴포넌트는 앱을 이루는 최소한의 단위) 컴포넌트는 두 가지 인스턴스 속성으로 props와 state를 가지고 있다. props는 부모 컴포넌트가 자식 컴포넌트에게 주는 값 state는 컴포넌트 내부에서 선언하며 내부에서 값을 변경할 수 있다. 동적인 데이터를 다룰 땐 state를 사용 컴포넌트의 생명주기 모든 컴포넌트는 여러 종류의 "생명주기 메소드"를 가진다. 이러한 메소드를 활용하여 특정 시점에 코드가 실행되도록 설정할 수 있다. 마운트 - 컴포넌트의 인스턴스가 생성되어 DOM에 삽입될 때 순서대로 호출된다. contstuctor() static getDerivedStateFromProps() render() componentDidM.. 2022. 2. 13.
DOM 이 뭐야? DOM 이 뭐야? DOM(Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스이다. DOM은 W3C의 표준 객체 모델이며, 다음과 같이 계층 구조로 표현됩니다. 자바스크립트랑 무슨 상관? 자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어로 DOM이라는 객체모델을 이용하여 다음과 같은 작업을 수행한다. 자바스크립트는 새로운 HTML 요소나 속성을 추가할 수 있습니다. 자바스크립트는 존재하는 HTML 요소나 속성을 제거할 수 있습니다. 자바스크립트는 HTML 문서의 모든 HTML 요소를 변경할 수 있습니다. 자바스크립트는 HTML 문서의 모든 HTML 속성을 변경할 수 있습니다. 자바스크립트는 HTML 문서의 모든 CSS 스타일을 변.. 2022. 2. 9.
파이썬 알고리즘(소수찾기 에라토스 테네스 체) 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) 2022. 2. 6.
기술스택 (선정이유) React? React Native? 나만의 무기를 하게되면서 리액트를 사용하여 웹앱을 개발할것인지 리액트 네이티브를 이용하여 앱을 만들지 고민중이다. 아래는 리액트와 리액트 네이티브의 차이점을 보기위해 정리해 본 표이다. React react native javascript 와 JSX를 사용하여 웹 앱을 볼 수있는 UI 라이브러리 React 상단에 추가 라이브러리 iOS 이며 Android 장치 및 장치에 대한 기본 앱을 만 둘 다 JavaScript에 대한 JSX 구문 확장을 따른다. React는 사용자 인터페이스를 구축하기위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리 React Native를 사용하면 JavaScript 만 사용하여 모바일 앱을 빌드 할 수 있습니다. React와 .. 2022. 2. 4.
pintos poject4 WIL 프로젝트 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 도 이전처럼 이론을 먼저 공부하고 참고자료들을 활용하여 구.. 2022. 2. 3.