profile
예술적인 코드를 짜는 프론트 엔드 개발자가 꿈입니다! (나는야 코드 아티스트! 🤭)
post-thumbnail

[TIL] GraphQL

오늘은 개념을 배우면서 조금 아리송하군...하다가 과제를 하면서 눈물을 한 바가지 흘렸지만 나름대로 배운 게 있는 것 같아서 + 오랜만에 정말 좋은 페어분을 만나서 즐거웠던 하루였다. 과제 할 때는 진짜 에러 해결이 안 돼서 힘들었는데, 해결되고 나니... 짜릿하다.

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

[TIL] CS 기초

: 전자 회로 및 기계 장치로 구성 (ex : 입출력장치, 중앙처리장치, 기억장치): 하드웨어 위에서 하드웨어 제어하며 작업 수행하는 프로그램.: 컴퓨터가 처리할 수 있는 형태로 데이터와 명령 받아들이는 물리적인 장치들 (ex: 키보드, 마우스, 스캐너, 태블릿, 조이

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

[TIL] React Hook 과제

🍩 과제 목표 json-server 이용해 서버를 열고, CRUD에 맞춰 fetch를 이용해 서버에서 데이터 받아오거나, 추가하거나, 수정하기 React.lazy(), Suspense 적용하기 Custom Hook 만들어 적용해보기 : useFetch, useScr

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

[TIL] Custom Hooks, 코드분할

개발자가 스스로 커스텀한 훅을 의미하며, 이를 사용하면 반복되는 로직을 함수로 뽑아내 재사용 가능.일반 함수 내부에서는 리액트 내장 Hook 불러 사용할 수 없지만, Custom Hook에서는 리액트 내장 Hook을 불러 사용할 수 있음. 어떤 각각의 컴포넌트들이 동일

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

[TIL] React : Virtual DOM, useMemo, useCallback

가상의 DOM객체로 실제 DOM의 사본과 같은 개념.React는 실제 DOM 객체에 접근해 조작하는 대신 이 가상 DOM 객체에 접근해 변화 전과 변화 후를 비교하고 바뀐 부분만 적용.Virtual DOM은 추상화된 자바스크립트 객체의 형태를 가짐.💡Remind DO

2022년 11월 25일
·
0개의 댓글
·
post-thumbnail

[TIL] 리액트랑 웹팩이랑 놀아보자

오늘은 어제 배운 웹팩, 번들링을 리액트 파일일 때 적용해보는 과제를 수행했다. 리액트로 번들링은 처음이라... 조금 헤맸지만, 그래도 하나하나 해보면서 어제보다 좀 더 웹팩의 기능에 대해서 이해하게 된 것 같다. 리액트 앱을 새롭게 만들어서 번들링을 진행한 건 아니고

2022년 11월 24일
·
0개의 댓글
·
post-thumbnail

[TIL] 번들링과 웹팩

번들링 자체는 여러 제품이나 코드, 프로그램을 묶어서 패키지로 제공하는 행위를 의미한다.프론트엔드 개발에서 번들링은 사용자가 더 쉽고 빠르게 프론트엔드 애플리케이션에 접근할 수 있도록 용량을 줄이거나 파일을 최소화하여 유저에게 전달하는 과정을 말함. “사용자에게 웹 어

2022년 11월 23일
·
0개의 댓글
·
post-thumbnail

[TIL] 브라우저 동작 방식, 반응형 웹, 미디어쿼리, 반응형 웹 구현해보기

브라우저는 웹 서버에서 양방향으로 통신을 하며 HTML 문서 및 그림, 멀티미디어 등의 컨텐츠를 열람할 수 있게 해주는 GUI 기반 소프트웨어 프로그램이다. 브라우저는 페이지를 다운로드 하기 위해 응용계층의 대표적인 프로토콜인 HTTP를 통해서 송수신을 하게 된다. 브

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

[TIL] 자료구조 보충 학습

어려웠던 자료구조 문제 풀이 하나하나 뜯어보기 주어진 인접행렬에서 한 정점으로부터 다른 정점으로 이어지는 길이 존재하는지 반환matrix, from, to가 주어짐방문했던 정점을 기록해둘 방법 : checkList라는 false들이 담긴 배열을 만들어준다. false는

2022년 11월 19일
·
0개의 댓글
·
post-thumbnail

[TIL] 자료구조 : Tree, Graph

그래프의 여러 구조 중 단방향 그래프의 한 구조로, 하나의 뿌리로부터 가지가 사방으로 뻗은 형태.트리는 계층적 자료 구조 = 데이터가 바로 아래에 있는 하나이상의 데이터에 한 개의 경로와 하나의 방향으로만 연결됨.트리는 비선형 구조 = 하나의 데이터 아래에 여러 개의

2022년 11월 18일
·
0개의 댓글
·
post-thumbnail

[TIL] 자료구조 : Stack, Queue

여러 데이터의 묶음을 저장하고, 사용하는 방법을 정의한 것필요에 따라 데이터의 특징을 잘 파악(분석)하여 정리하고 활용하기 위해 선배 개발자들이 연구해둔 방법이 자료구조라고 할 수 있겠다! 자료구조의 종류는 당장 구글에 자료구조 분류라고 쳐보면 알 수 있듯이 굉장히 많

2022년 11월 17일
·
0개의 댓글
·
post-thumbnail

[TIL] OAuth, 깃허브 로그인 구현

인증을 중개해주는 매커니즘으로, 보안된 리소스에 액세스 하기 위해 클라이언트에게 제공하는 프로세스를 단순화하는 프로토콜 (ex: 소셜 로그인 - 카카오/네이버로 간편 로그인 등)자주 사용하고 중요한 서비스들의 ID와 Password만 기억하면 이를 통해 외부 서비스에도

2022년 11월 14일
·
0개의 댓글
·
post-thumbnail

[TIL] Token, 과제

해시 함수(Hash Function)을 이용해 암호화를 진행하는 방식. 다른 암화화 방식들과 다르게 해싱은 암호화만 가능하다. 해시 함수의 특징 : 항상 같은 길이 문자열 리턴, 서로 다른 문자열에 동일 해시 함수 사용시 반드시 다른 결과값, 동일 문자열에 동일 해시

2022년 11월 11일
·
0개의 댓글
·
post-thumbnail

[TIL] Cookie, Session, 실습

오늘 배운 쿠키나 세션은 인증과 보안에 대한 내용이었다. 개념에 대해 정리도 좀 하고, 오늘 실습이 꽤 길고 내용이 많았어서 그 내용에 대해서도 정리를 해야겠다. 어제 배운 바에 의하면 HTTP는 무상태성을 가지고 있기 때문에 서버가 클라이언트의 상태를 보존하지 않는다

2022년 11월 10일
·
0개의 댓글
·
post-thumbnail

[TIL] 네트워크 심화

회선교환 방식 : 발신자와 수신자 사이에 데이터를 전송할 전용선 미리 할당 & 둘을 연결하는 방식. 즉시성이 떨어진다 패킷교환 방식 : 패킷(pack + bucket, 소포 같은 느낌)이라는 단위로 데이터를 잘게 나누어 전송하는 방식. 각 패킷에는 출발지와

2022년 11월 9일
·
0개의 댓글
·
post-thumbnail

[TIL] 웹 접근성

장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근, 이해할 수 있도록 보장하는 것. (소외계층만을 위한 것은 아님)국내에서는 웹 접근성에 대한 인식이 낮은 편.웹 접근성 효과 사용자층 확대다양한 환경 지원사회적 이미지 향상웹 콘텐츠 접근성 지

2022년 11월 7일
·
0개의 댓글
·
post-thumbnail

[TIL] 웹 표준

웹 : 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간.(💡 인터넷은 웹보다 좀 더 포괄적 개념으로, ‘전 세계적으로 연결되어 있는 컴퓨터 네트워크 통신망’을 의미.)웹 표준 등장 배경 : 이전에는 브라우저 간 호환이 되지 않아서 개발자들

2022년 11월 5일
·
0개의 댓글
·
post-thumbnail

[TIL] Redux 과제

이번 과제도 과제 파일 자체를 이해하는 데 조금 오래 걸렸다. 다른 사람이 작성한 코드의 구조를 파악하는 건... 정말 어렵구나...🥹이해한 바를 정리하기 위해서 일단 그림을 조금 그려봤다! 그냥 과제의 중심이 되는 Items나 Cartitems에만 집중했고 noti

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

[알고리즘] tiling

세로 길이 2, 가로 길이 n인 2 x n 보드가 있고, 2 x 1 크기의 타일을 가지고 이 보드를 채우는 모든 경우의 수를 리턴.n = 2 이면 2가지 n = 4 이면 5가지 문제풀이 순서1\. 경우의 수를 구할 타일 배치가 어떤 방식으로 이루어지는지 파악 : 타일은

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

[TIL] Redux

전역 상태를 관리할 수 있는 저장소인 Store를 제공함으로써 상태 관리에 도움을 줌.: 상태 변경 이벤트 발생시, 변경될 상태에 대한 정보가 담긴 Action 객체가 생성됨 ⇒ Action 객체가 Dispatch 함수의 인자로 전달 ⇒ Dispatch 함수가 Acti

2022년 11월 2일
·
0개의 댓글
·