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

[TIL] React : Virtual DOM, useMemo, useCallback

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

어제
·
0개의 댓글
·
post-thumbnail

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

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

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

[TIL] 번들링과 웹팩

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

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

[TIL] CSS 애니메이션, Canvas

CSS 애니메이션은 여러 개의 CSS 스타일을 부드럽게 전환시켜준다. @keyframes 키워드를 사용하면 시간 순서대로 정밀하게 짜여진 애니메이션을 만들 수 있다. 어제에 이어 오늘 과제에서는 @keyframes과 CSS 애니메이션을 구현해보았다.: 제목은 Title

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

[알고리즘] uglyNumbers

간만에 래퍼런스 안 보고 혼자서 수도코드 만들어서 테스트 통과 성공했다! 통과 후 래퍼런스 확인해보니 생각의 골자는 비슷한 것 같다. (나눗셈 이용)uglyNumber라는 수들은 2,3,5로만 나뉘어지는 숫자들인데 1, 2, 3, 4, 5, 6, 8, 9, 10, 12

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

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

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

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

[TIL] 자료구조 보충 학습

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

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

[TIL] 자료구조 : Tree, Graph

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

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

[알고리즘] getItemFromTwoSortedArrays

길이가 m, n이고 오름차순으로 정렬되어 있는 자연수 배열들을 입력받아 전체 요소 중 k번째 요소를 리턴해야 한다. (실제로 리턴하는 값은 인덱스가 k-1인값이라고 생각하면 됨. 인덱스는 0부터 시작하니까.)arr1, arr2, k가 주어진다. 문제만 봐서는 잘 이해가

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

[TIL] 자료구조 : Stack, Queue

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

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

[알고리즘]balancedBrackets

문자열을 입력받아 문자열 내의 모든 괄호의 짝이 맞는지 여부를 리턴.(boolean)혼자서 풀어보다 잘 안 돼서 알고리즘 참고했음. 나는 닫힌 괄호의 개수를 할당한 변수를 만드려고 했는데, 래퍼런스에서는 stack이라는 변수에 배열로 괄호의 상태를 확인한다. opene

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

[프로젝트] To Do List App 기획

오늘부터 section3을 마무리하게 되었는데, 오늘은 개인 프로젝트의 기획을 해보는 날이었다. 주제는 'To Do List'였고, 어느정도 골자를 제공해주고, 나머지는 나 혼자서 기획부터 해보는 프로젝트라... 많이 걱정이 되지만, 그래도 이번 프로젝트로 많이 성장할

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

[알고리즘] 이진 탐색

부분적으로 오름차순 정렬이 된 정수의 배열 rotated와 정수 target 두 인자를 입력 받아 rotated 내 target의 인덱스를 리턴하는 문제 만약 target이 존재하지 않으면 -1을 반환한다. 부분적으로 정렬되었다는 건 0,1,2,3,4 와 같은 형태가

2022년 11월 14일
·
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

[알고리즘] 거듭제곱

base와 exponent를 입력받아 거듭제곱을 리턴. base가 밑, exponent가 지수라고 생각하면 된다.base의 범위는 2보다 크거나 같고,exponent는 0보다 크거나 같다.number 타입을 리턴해야 하며, 실제 계산 결과를 94,906,249로 나눈

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

[TIL] 웹 접근성

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

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

[알고리즘] Depth First Search

임의의 tree를 구성하는 노드 중 하나의 Node 객체를 입력받아, 해당 노드를 시작으로 깊이 우선 탐색(DFS)을 하고, 탐색되는 순서대로 노드의 값이 저장된 배열을 리턴해야 합니다'깊이 우선 탐색은 맹목적 탐색방법의 하나로 탐색트리의 최근에 첨가된 노드를 선택하고

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