post-thumbnail

리액트에서 canvas태그 이용하여 2d 애니메이션 만들기

여러 웹사이트를 탐방하다가, 누데이크란 디저트 브랜드의 홈페이지가 인상적이어서 방법을 알아보다가, canvas 태그를 이용했다는것을 알게 되었고, canvas태그를 공부하는겸 포트폴리오에 적용하기로 맘먹기로 하였다.본문에 들어가기 앞서 canvas 태그란 무엇일까요?

어제
·
0개의 댓글
·

타입스크립트 utility Type

공식문서를 보며 내가 몰랐던 utility Type을 알게되었고, 지금까지 Type과 interface만 쓰던 나자신 반성하며 정리하고자한다... 타입스크립트에서는 유틸리티 타입(utility type)이라고 불리는 사전 정의된 타입들을 제공 한다.유틸리티 타입은 전역

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

쿠키 세션 토큰 캐시

안녕하세요. 앞서 소개드렸던 restful에 이어 쿠키,세션,토큰,캐시 관련 공부하여 정리하려 합니다. 챕터는 역사, 개념적 설명, 쓰이는 방식/사례 순서로 소개해 드리겠습니다.

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

webpack과 babel (zum 과제 직접만들어보기)

저는 이번에 zum에서 신입사원 과제로 나온 리스트를 보며 생각이 굉장히 많아 졌습니다.지금까지 저는 라이브러리로 나온것들을 npm install하며 설치하고 세팅만 해왔었고, 이 라이브러리들의 구조가 어떤식으로 되있는지 깊이 공부하지 않았기 때문이죠. 따라서 직접 하

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

Restful

안녕하세요 최근에 저는 cs공부를 하며 너무 얕은 지식만 있다는 생각이 굉장히 많이 들어 고민이 많이 되었었습니다. 따라서 부트캠프에서 cs스터디에 들어가게 되었고, restful과 쿠키,세션,캐시 파트를 나눠서 포스팅 하려 합니다. 먼저 Restful에 대해 이해하기

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

백준 11866 자료구조 큐,스택 그리고 js 메서드 shift

알고리즘 스터디 과제 였던 백준의 11866번을 풀고 큐 개념을 강의에서 듣고 처음 적용해봐서 기억하고자 적으려 한다. 스택(stack)이란 차곡차곡 쌓아 올린 형태의 자료구조 이다. 이에 따라 스택은 후입선출 방식을 따른다. 예시를 들어보면 쌓여있는 빨래더미를 생각하

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

리팩토링) event taget과 currentTarget의 차이 그리고 이벤트 버블링

안녕하세요. 이번에 기존 프로젝트 리팩토링을 진행하면서 버그가 발생하게 되었는데요. 이과정에서 event target과 currentTarget의 차이점을 알게 되었고, 이에 대하여 잊지 않기 위하여 포스팅을 진행하게 되었습니다. 아래 첫번째 사진과 같이 onClic

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

프로그래머스 코테연습 옹알이(1)

해당문제는 입문 문제치고 조금 까다로워서 기억하기위하여 기록한다.먼저 옹알이에 해당하는 문자열을 담은 배열 arr을 선업,js의 for...of 메서드를 이용하여 입력받은 매개변수 배열의 개수만큼 반환 하도록 한다.그이후 arr의 값을 반복하는 for...of 메서드

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

기존 프로젝트 리팩토링) Hello Jeju

안녕하세요 저는 기존 프로젝트를 타입스크립트로 적용하면서 전반적인 구조를 변경하게되었습니다.이에따라 많은 에러와 버그를 마주하게 되었는데요. 이경험을 토대로 비슷한 에러나 버그를 마주하신 이글을 보신 분들을 위해 글을 적어가려 합니다.첫번째로 제가 마주한 에러는 로그

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

프로젝트 회고록) value Share 3주간의 팀프로젝트를 마치며..

정말 짧지만 많은 것을 배운 3주가 지났습니다. 저희 부트 캠프에서는 쇼핑몰 만들기 프로젝트를 진행했는데요..짧은 기간이지만 많은 기능이 요구되었기 때문에 저와 팀원들은 3주간 밤을 새워가며 프로젝트를 완성했습니다. 지금부터 프로젝트를 통하여 얻은 점을 공유하며 앞으로

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

리액트 심화 useContext

안녕하세요. 저는 리액트를 사용하면서 상태관리 라이브러리로 react-redux를 사용하거나, react-toolkiot을 사용하였었는데요. 이번에 부트캠프 강의를 들으며 usecontext에 관하여 배우게 되었고, redux와 어떤 차이점이 있는지 궁금해져서 공부한후

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

기존프로젝트 리팩토링) 에러해결하기 Error occurred while proxying request localhost:3000/ to

부트 캠프에 들어오기 전 풀 스틱으로 여행 관련 홈페이지를 만들었는데, 수업을 듣고 잘못된 점이 굉장히 많았다는 것을 깨달았습니다. 따라서 리팩토링을 하고자 다짐하고 백엔드 쪽 코드를 먼저 정리하고, postman으로 테스트까지 마친 후 concurrently를 이용하

2023년 1월 29일
·
0개의 댓글
·

쿠키와 document.cookie

쿠키는 브라우저에 저장되는 작은 크기의 문자열로 RFC 6265 명세에서 정의한 HTTP 프로토콜의 일부주로 웹서버에 의해 만들어짐서버가 HTTP 응답 헤더(header)의 Set-Cookie에 내용을 넣어 전달하면, 브라우저는 이 내용을 자체적으로 브라우저에 저장브

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

express와 Rest api

이주동안의 백엔드 수업이 끝났지만 단기간에 많은양을 배웠고,정리는 필수라고 생각이 들어 포스팅 하게 되었습니다. 혹시라도 잘못된점이 있다면 댓글 부탁드립니다.미들웨어는Express.js 동작의핵심HTTP 요청과 응답 사이에서 단계별 동작을 수행해 주는 함수Express

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

node js에서의 mongoDB

이주동안의 백엔드 수업이 끝났지만 단기간에 많은양을 배웠고, 정리는 필수라고 생각이 들어 포스팅 하게 되었습니다. 혹시라도 잘못된점이 있다면 댓글 부탁드립니다.스키마를 정의하지 않고 데이터를 사용할 수 있는 것은 NoSQL의 장점이지만, 데이터 형식을 미리 정의해야 코

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

시나공 정보처리기사 필기 독후감 소프트웨어생명주기

안녕하세요. 이번에 부트 캠프를 공부하면서 cs 공부에 관심이 생겨 정보처리기사 필기 공부를 시작하게 되었습니다.

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

Npm과 node.js

오늘은 앨리스코딩 부트캠프에서 배운 node.js와 모듈관련하여 제가 이해하고 공부한점을 기록으로 남기려 합니다. 사전적의미: 풀어서 말하면 NodePackageManager로 node.js프로젝트를 관리하는 필수적인 도구 입니다.수많은 오픈소스 라이브러리와 도구들이

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

앨리스코딩 프로젝트 회고록 마지막

2주라는 짧은 시간이었지만 정말 많은일들이 있었다.

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

앨리스코딩 개인프로젝트 회고록 2탄 /비디오 클립 & styled component 조건문

오늘은 프로젝트 페이지를 구현하면서 많은것을 배웠다. 먼저 비디오 슬라이드를 만들었는데 다음 슬라이드로 넘어갈때마다 background image를 바꿔줘야 되었기때문에 한번 문제에 부딫혔다.나는 scss만 조건문을 쓸수 있는줄알았는데, styled component도

2022년 12월 27일
·
0개의 댓글
·