profile
프론트엔드 개발자를 목표로 공부중
post-thumbnail

About Function.property

자바스크립트에서 어떤 객체든지 간에 모든 객체는 자신의 부모인 Object.protoype 을 갖는다 그렇다면 객체의 일종인 함수도 Obejct.prototype을 가지고 있을까? 궁금하면 크롬 개발자 도구에서 직접 console.dir을 통해 알아볼 수 있다.

1일 전
·
0개의 댓글
·
post-thumbnail

OS-운영체제(1)

운영체제 모든 프로그램들은 하드웨어를 필요로 한다. 예를 들어 1+2를 실행하는 프로그램이 있을때 이 프로그램은 1+2를 계산하기 위해 CPU를 필요로 할 것이고 이미지를 하드 디스크에 저장해주는 프로그램이 있다면 하드 이 프로그램은 하드 디스크를 필요로 한다.

2023년 5월 16일
·
0개의 댓글
·
post-thumbnail

OS-프로세스(1)_구조와 역할

우리는 다양한 프로그램을 컴퓨터에서 사용할 수 있다. 이러한 수많은 프로그램은 사용하기 전에는 보통 보조기억장치에 적재되어 있지만, 우리가 특정 프로그램을 사용하면 그 프로그램은 메모리에 적재되어 실행된다.이렇게 메모리에 적재되어서 실행하는 순간부터 우리는 프로그램을

2023년 5월 7일
·
0개의 댓글
·
post-thumbnail

React-기존 state값을 활용하여 state값을 변경 시킬 때

리액트로 영화들을 평점이나 개봉순으로 보여주는 작은 실습프로젝트를 진행중이였다. 사진에서 보다시피 각 페이지 상단에 최신순 베스트순으로 영화를 정렬하는 버튼이 있고 각 영화마다 삭제 버튼이 존재한다. 그리고 홈페이지 하단에는 더 보기버튼이 있고 더 보기 버튼을 누르면

2023년 5월 6일
·
0개의 댓글
·
post-thumbnail

CISC와 RISC

이전에 cpu의 성능을 더욱 끌어 올리기 위해 명령어 파이프라이닝과 슈퍼스칼라 기법에 대해 배웠다. 그래서 실제로 이러한 기법들을 CPU에 적용하려면 명령어기 파이프라이닝에 최적화되어 있어야 한다. 조금 더 쉽게 말하면 파이프라이닝, 슈퍼스칼라 기법을 사용하기 위해서

2023년 5월 1일
·
0개의 댓글
·
post-thumbnail

React-state

주사위 버튼이 있고 주사위 버튼을 누를 때마다 주사위의 숫자가 정해질 것이고 그에 따라 주사위 이미지도 바뀌도록 만들고 싶다면 어떻게 만들 수 있을까? js의 기본적인 내용을 알고 있는 사람이라면 숫자에 따라 html요소노드의 속성값을 바꿔주거나 아니면 html만 다

2023년 4월 29일
·
0개의 댓글
·
post-thumbnail

스택-기차 운행 문제

\-문제 설명-현재 기찻길에 3개의 열차가 있고 열차들은 플랫폼에 들렸다가 다시 출구로 빠질 수 있다. 열차가 1번부터 3번까지 번호순서대로 들어온다고 했을 때, 입력 순서대로 나갈 수 있는지 없는지 판단하는 프로그램을 작성하시오. case1) 입력값:1,2,3

2023년 4월 25일
·
0개의 댓글
·
post-thumbnail

React-첫 시작

이 글을 쓰는 이유는 모든 것은 아주 사소하고 쉬운 개념에서부터 시작한다. 그런데 나는 최근에 나를 이틀동안 힘들게 했던 에러는 정말 아주 기본적인 개념을 잊고 말아서 생긴 에러였다는 것을 뼈져리게 느꼈다. 그래서 아주 사소하고 쉬운 개념이라도 나의 기본기에 잘 깔

2023년 4월 24일
·
0개의 댓글
·

js과제

fetch함수로 api요청도 해보고 다양한 이벤트를 사용해보면서 html과 css로만 만들줄 알았던 웹 브라우저를 더욱 다양한 기능들을 사용해보고 다양한 동작을 구현해보면서 실제로 우리가 사용하는 웹사이트를 구현할 수 있겠구나라는 느낌을 받아 좋았다.많은양의 js코드들

2023년 4월 21일
·
0개의 댓글
·
post-thumbnail

컴퓨터 구조-CPU 성능에 관한 것들

과거 CPU의 성능을 더욱 개선하기 위하여 여러가지 개념들이 등장하거나 기존의 것들의 성능을 더욱 높이는 방식으로 이루어 졌다. 지금부터 어떻게 기존 성능을 개선하거나 또는 어떤 새로운 개념이 등장하였는지 알아보자!!! 클럭 클럭이란 컴퓨터의 모든 부품들이 일사불

2023년 4월 9일
·
0개의 댓글
·
post-thumbnail

ISSUE-새로고침 시 부자연스러운 렌더링

ISSUE 특정요소를 js의 이벤트와 css의 transform,transition을 이용하여 특정 버튼을 누르면 튀어나오도록 코드를 작성하였다. 그렇게 버튼을 누르면 내가 원하는대로 잘 작동하였지만 한가지 문제점이 있었다. 바로 새로고침을 하면 특정요소가 웹페이지보다

2023년 4월 8일
·
0개의 댓글
·
post-thumbnail

Async, Await

async는 asynchronous의 줄임말로 비동기를 의미한다. 그래서 함수앞에 async라는 키워드가 있다면 이 함수는 비동기적으로 실행 할 부분이 있다는 것을 나타낸다. await은 promise객체를 리턴하는 코드 앞에 있는데 await은 '기다리다'라는

2023년 4월 5일
·
0개의 댓글
·
post-thumbnail

About Ajax

초창기 웹은 특정 웹 페이지에서 다른 웹 페이지로 갈 수 있는 하이퍼링크를 클릭하면 새로운 웹 페이지가 로드 되는 방식이였다. 물론 이러한 방식은 현재도 사용하기 한다. 하지만 매번 이런식으로 새로운 웹이 로드 되는 방식은 특정 부분만 새로 보여지거나 없어지면 될 것

2023년 4월 4일
·
0개의 댓글
·

비동기 실행(3)-Promisify

이때까지 우리는 항상 fetch메소드를 써서 promise객체를 생성했다. 하지만 fetch메소드를 쓰지 않고 promise객체를 생성할 수 있다. 🧩promise객체 만들기 우선 new생성자 함수를 통해 promise객체를 만들 수 있는데 사진을 보면 콜백함수

2023년 4월 3일
·
0개의 댓글
·

비동기(2)-catch

비동기(1) 글에서 error를 다루는 법까지 적었는데 이번에는 그 error를 조금더 잘 다루기 위한 방법을 소개할까 한다. 실무에는 보통 error를 다루기 위해 쓰는 메소드로 catch메소를 쓴다고한다. catch메소드라고 then메소드와 다를 것은 없다.

2023년 4월 2일
·
0개의 댓글
·

비동기 실행 (1)-fetch,then

비동기 실행:한번 시작된 작업이 완료되기전에 바로 다음 코드로 실행이 넘어가게 되어 나중에 콜백이 실행되어 작동이 마무리 되는 것을 의미한다. 어떤 작업에 관한 '상태 정보'를 나타내는 객체이다. 그래서 fetch함수가 리턴한 promise객체를 보면 지금 하고 있

2023년 3월 28일
·
0개의 댓글
·
post-thumbnail

Session in Cookie

우리가 브라우저에 접속하면 브라우저는 다양한 정보를 불러오기위해 서버에 request를 보내서 response를 받아야 한다. 이때 브라우저는 HTTP(HyperText Transfer Protocal)이라는 일종의 통신 규칙인 프로토콜을 사용한다. 하지만 http는

2023년 3월 27일
·
0개의 댓글
·
post-thumbnail

CPU의 구성요소

우선 CPU에대해서 간단하게 설명하자면CPU는 메모리에 저장 된 명령어를 읽어들이고 해석하고 실행해주는 장치이다.CPU는 CPU내부에서 계산을 담당하는 ALU(산술논리연산장치) CPU내부에 임시저장장치인 레지스터 명령어를 읽어들이고 해석하는 제어장치\-데이터드리이렇게

2023년 3월 24일
·
0개의 댓글
·
post-thumbnail

모듈화

html파일에 script태그가 2개가 있고 이 코드는 js파일 2개를 불러온다는 말이다. 이렇게 작성된 html에서 js파일들은 마치 하나의 파일에 존재하는 것처럼 스코프를 공유한다. 그러나 이렇게 스코프를 공유하면 변수나 함수이름이 중복이 되면 코드를 덮어씌우

2023년 3월 23일
·
0개의 댓글
·
post-thumbnail

Request, Response

🐸 웹에서는 정말 수많은 정보들이 서버에 요청되고 보내진다. 예시로 우리는 로그인을 하기 위해 Id와 Pw를 입력창에 입력하고 로그인 버튼을 눌러 로그인 요청을 한다. 그러면 웹은 서버에 우리가 입력한 Id와 Pw가 사용자정보에 있는 Id와 Pw값들을 비교해보고

2023년 3월 21일
·
0개의 댓글
·