profile
Detail makes difference.
post-thumbnail

마우스, 터치 Swiper 만들기

요즘 웹사이트에서는 가로 스크롤을 직접 움직이는 대신 어플리케이션처럼 마우스로 컨텐츠를 움직이는 좌우 드래그 스크롤 기능을 제공하는 사이트들이 많다. 따라서 이 기능을 구현해 보았다.1\. clientX, clientY브라우저 페이지의 왼쪽 상단 모서리를 기준으로 하는

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

SW Maestro 프로젝트 기술 스택 선정 - 2

이전까지 저는 Redux, Redux Tool Kit을 주로 사용해왔습니다. 이들을 사용하면서 느낀 점은 러닝커브가 크다는 것, action, reducer, store 등등 작성하는 코드가 많아 비효율적이다 라는 느낌을 많이 받았습니다. 그리하여 더 쉽고 강력한 라이

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

SW Maestro 프로젝트 기술 스택 선정 - 1

React vs Next.js React는 "사용자 인터페이스를 구축하기 위한 Javascript 라이브러리" Next.js는 React용 프로덕션 프레임워크 Next.js Next.js는 React 위에 사용되어 기능을 확장하고 개발 프로세스를 간소화합니다. Re

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

useEffect 총정리

Effect는 sideEffect(부작용, 함수 외부에 영향을 주는 행위)을 의미하는데 이 이름이 붙여진 이유는 컴포넌트를 렌더링하는 본래 자신의 일이 아닌, 외부의 상태를 변경하는 작업을 하기 때문입니다.대표적인 부작용 예시로는 API 호출, 이벤트 처리 함수 등록

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

React hooks 총정리

먼저, useEffect는 내용이 길어 따로 정리하여 업로드하는 점 미리 당부의 말씀 올립니다.

2021년 12월 29일
·
0개의 댓글
·
post-thumbnail

history API에 대해 알아보자

SPA 구현이 가능하려면 다음 두 가지 기능이 필요합니다.js에서 브라우저로 페이지 전환 요청을 보낼 수 있다. 단, 브라우저는 서버로 요청을 보내지 않아야 한다.브라우저의 뒤로 가기와 같은 사용자의 페이지 전환 요청을 js에서 처리할 수 있다. 이때도 브라우저는 서버

2021년 12월 23일
·
0개의 댓글
·
post-thumbnail

SPA란?

쉽게 말해 1개의 페이지만 있는 애플리케이션입니다. 하나의 페이지에서 내용만 바뀌는 것입니다. 서버로부터 새 페이지(html)을 불러오지 않고 현재 페이지를 동적으로 다시 작성하는 웹앱 혹은 웹앱을 작성하는 패러다임, 디자인 패턴입니다. 최초로 한 번 페이지 전체를 로

2021년 12월 23일
·
0개의 댓글
·
post-thumbnail

Redux Tool kit 총정리

이 글은 공식 문서와 블로그 1, 블로그 2, 블로그 3에 있는 내용을 바탕으로 작성한 글입니다. 아직 공부량이 적어 부족한 점이 많으니 적극적으로 알려주시면 감사하겠습니다. 먼저, 예시로 사용되는 간단한 코드와 제가 직접 구현한 코드를 혼용하여 사용하는 것에 양해 부

2021년 12월 1일
·
2개의 댓글
·
post-thumbnail

[HTML] 시맨틱 태그(Semantic tag) & 메타 태그(meta tag)

HTML5이 큰 특징 중 하나인 시맨틱 태그를 알아보자시맨틱 요소는 자신의 의미를 브라우저와 개발자 모두에게 명확하게 설명해준다.검색엔진이 HTML을 분석할 때 정확하게 컨텐츠를 식별하기 위해 정한 규약입니다.검색 사이트 이용자가 검색할 만한 키워드를 미리 예상하여 검

2021년 8월 24일
·
0개의 댓글
·

AACP 3일 간의 삽질..

사용자가 강좌를 추가할 때, 강좌를 수강하는 학생들도 추가하게 되는데 그 컴포넌트를 작성하였다. 정말 기본적인 CRUD이지만 내맘대로 코딩하다가 이런 사태가 발생했고 map을 통해 해결하였다. 근본적으로 하위 컴포넌트를 상태로 만든 것이 문제였고 이렇게 만들었어도 ma

2021년 7월 27일
·
0개의 댓글
·