My Boundary As Much As I Experienced

보호되어 있는 글입니다.

보호되어 있는 글입니다.

공부하게 된 계기요새 GSAP이란 애니메이션 라이브러리로 스크롤 애니메이션 만들면서 놀고 있다.명색이 디자이너 출신인데 깔삼한 랜딩페이지 좀 잘 만들어야 하지않겠나.원래 이쁜 인터랙션 만들고 싶어서 코딩 배우기 시작한건데 이제서야 하고 있다.. 하여튼 내가 짠 코드를 로컬에서 확인해볼 때 VSC live server환경으로도 충분하긴 한데dev server를 쓰는 감각에 익숙해져 있어서 그런지 따로 구축하고 싶어졌다.그러나 나는 지금까지 Dev Server를 따로 만들어본 적은 없고 미리 구축된 템플릿을 npm 설치만 해봤다.(CRA를 하거나, Vite 템플릿을 쓰거나, Create Next App을 쓰거나...) 굳이 실습 한 번 하는데 템플릿을 다 다운받을 필요는 없을거 같고,webpack devSe..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

레이아웃 이벤트(Layout Events)레이아웃이 바뀔 때 발생한다. 특히 컴포넌트가 처음 화면에 렌더링될 때처음으로 컴포넌트가 마운트되어 레이아웃 좌표가 생길 때 발생한다.그 외 컴포넌트의 크기나 위치가 변경될 때,화면 회전, 부모 레이아웃 변경, 스타일 변경 등으로 인해레이아웃이 다시 계산될 때 트리거된다.onLayout: 요소가 화면에 배치될 때 호출.레이아웃 이벤트 객체 타입: LayoutChangeEventnativeEvent:layout:x, y: 요소가 화면에 배치된 좌표.width, height: 요소의 크기.import React from 'react';import { View, Text } from 'react-native';const LayoutEventExample = () => ..

보호되어 있는 글입니다.

미리보기말 그대로 댓글기능이다. express + mongoDB로 구현하였다. 구현해야됐던 로직이다.1. 글마다 밑에 input이랑 전송버튼이 있고 누르면 서버로 댓글이 전송2. 그럼 서버는 댓글을 DB에 저장3. 상세페이지 방문시 댓글을 가져와서 보여주기 어떻게 구현해야할까?  1. 글 문서에 댓글도 같이 있는 경우이렇게 한다고 경찰서에 잡혀가진 않지만... 댓글이 1억개 달릴 시 조회에 매우 큰 리소스가 들게 된다.또한 DB에 있는 array 자료형에서 원하는 항목 하나만 수정, 삭제하는게 매우 어렵고, (1억개 다 들고 와야함)document 하나는 16MB의 데이터까지 저장할 수 있다는 점도 유의해야된다.{ _id: @!@#, title : '어쩌구', content : '어쩌구', com..

구현해야되는 기능:일기주제 페이지에서 스크롤을 내릴 때 배너를 숨겨야한다.그러나 (한참을 내렸어도) 살짝만 올리면 배너가 다시 노출되어야한다.    구현 아이디어:스크롤 애니메이션을 탐지하여스크롤을 아래로 내릴 때 헤더 높이만큼 배너를 올려주고,올릴 때 헤더 높이만큼 배너 높이만큼 배너를 내려준다. reanimated를 쓰는 이유? 나는 이 기능을 구현하기 위해 리액트네이티브에서 주로 쓰이는 애니메이션 라이브러리인ReactNative-reanimated를 사용하였다. RN에서 기본적으로 제공하는 animated API도 있긴하나이는 자바스크립트 모듈로 네이티브 모듈을 조작하는거기 때문에성능이 좋지않다고 한다. 앱에서 처리하고 있는 비즈니스 로직도 많은데애니메이션까지 자바스크립트 모듈로 처리해버리면앱의 메..