profile
효율에 목숨거는 코린이
post-thumbnail

컴퓨터 공학

CPU 의 내부 구성은 크게 산술/논리 연산 장치(ALU), 제어 장치와 레지스터로 구성되어 있습니다. 산술은 덧셈을 수행하는 것이고, 제어 장치는 시그널을 통해서 데이터 흐름을 통제하는 것이며 레지스터는 CPU 내부의 메모리임이 가장 기본적인 설명입니다.산술논리연산장

4일 전
·
0개의 댓글
·

TS - 제네릭

제네릭 여기서 input을 any로 설정하면, 함수의 반환 타입 역시 any가 된다. input이 모든 입력을 허용한다면? => input 타입과 함수 반환 타입 간의 관계를 설명해야 하는데, 이 때 ts는 🍊제네릭을 사용해서 타입 간의 관계를 알아낸다. 제네

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

useMemo, useCallback , useFetch, useInput 실습예제

위의 코드를 useMemo를 이용해서 최적화해보자! useCallback 내가 짠 코드 darkmode 버튼 눌러도 console.log('아이템을 가져옵니다')가 더이상 찍히지 않음

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

TS - 클래스

클래스 메서드 :any 타입을 기본으로 갖는다. string 타입의 단일 필수 매개변수를 갖는 greet 클래스 메서드를 가진 Greeter 클래스를 정의하는 코드 1개의 인자가 필요한데, 0개의 인자가 들어가서 에러가 나는 모습 클래스 생성자는 매개변수와 관련하

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

웹앱 직접 번들링해보기 + 배포하기

아고라 스테이츠의 레퍼런스로 진행했다! 우선, 맨 처음으로 1. npm 활용할 준비를 해준다. > npm init -y 이러면 package.json 파일이 생성된다. 2. webpack을 설치한다. > npm install -D webpack webpack-c

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

TIL ) 렌더링 && 반응형 웹 만들어보기

우선 반응형 웹을 만들기 전에, 브라우저 렌더링 과정을 한 번 살펴보자면,사용자가 브라우저를 통해 접속하면브라우저는 html, css, js같은 리소스를 다운받는다렌더링 엔진은 html 문서를 파싱해 dom트리를 만든다외부 css 파일과 스타일요소를 파싱 후 cssom

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

Type Script - 함수,배열,인터페이스

필수 매개변수

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

3월의 회고록

💌회고 회고를 쓸 때마다 느끼는 거지만, 시간이 참 빨리 간다. 한 달 전보다 더 많이 드는 생각이 있다면, 공부는 해도해도 끝이없다! 라는거...😲📖 생각보다 간단해 보이는 결과물을 만들었지만, 그 뒤의 코드는 생각보다 복잡했다.. 백지상태에서 무언가를 만들어

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

그림으로 알아보는 cookie, session, token, oauth 인증방식의 흐름

그림으로 더욱 쉽게 알아보는 인증방식! 🐻‍❄️

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

login 구현 server - token

로그인을 구현하는 서버를 의사코드와 함께 작성했다.

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

JS - canvas 코드 기록용

그리기 버튼과 채우기

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

Cookie 와 Session

내가 만든 쿠욱키이~🍪 http 헤더에 담기지~ 인터넷에서 자주 보이는 쿠키! 쿠키의 개념은 아래와 같습니다.

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

Network - IP , TCP, UDP

예전에는 회선교환 방식으로 인터넷에 접속했습니다. 회선교환 방식은 중간에서 발신자와 수신자를 연결해주는 오퍼레이터에 의해서 이루어졌습니다. 전용선이 있기 때문에, 발신자와 수신자는 각각 한명씩만 할당됩니다. => 그렇다면? 즉시성이 떨어지겠죠! 효율성이 떨어지게됩니다.

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

Cmarket의 접근성을 개선 해보자💌

얼마 전에 했던 Cmarket - hooks를 웹표준에 맞게 개선하고 시멘틱 요소를 살려보려고 한다! 🐹✨

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

React에서 key가 하는일이 뭘까요?

개인적인 project를 진행하면서, 인자를 가져올 때나 새로운 메서드를 사용해서 키값을 정해줄 때 오류가 생각보다 나와서 개념을 정리해보고자 올리는 글입니다 📖👀위의 UserList는 map으로 새로운 배열을 생성해 나열해주고 있습니다. 결과는 아래 화면과 같습니

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

웹표준과 웹접근성에 대한 고찰

인터넷이 웹의 포괄적인 표현이다. 웹표준이란 ‘웹에서 표준적으로 사용되는 기술이나 규칙’

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

Redux를 코드로 파헤쳐보자🦉 (Cmarket Hooks)

redux구조와 순서를 다시 살펴보면, 처음에는, 상태 변경되어야 하는 이벤트가 발생할 때 상태에 대한 정보가 담긴 Action객체가 생성됩니다. 👇 이 Action객체는 Dispatch함수의 인자로 전달됩니다. 👇 Dispatch함수는 Action객체를 다시

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

indexOf/findIndex/lastIndexOf/find의 차이를 아시나요

배열에서 원하는 특정항목이 배열의 몇번째 원소인지 찾아줍니다.

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

Redux에 대해 알아봅시다

컴포넌트가 상태를 받을때, 비효율적인 방식으로 받는다면 어떻게 될까요🤔?

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

React로 toggle,tab,tag 만들어보기

알고 가야할 점!🧐 state로 무슨 상태를 설정해야할까?

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