목록전체 글 (753)

뇌 채우기 공간

[Java Script] 두 객체 배열에서 한 배열의 객체의 값 변경하기

보호되어 있는 글입니다.
WEB/Java Script 2022. 12. 29. 16:21
[Javascript] 두 객체 배열 사이에서 중복 제거

보호되어 있는 글입니다.
WEB/Java Script 2022. 12. 27. 14:04
[TIL] 20221214 javascript closure/ scroll fade in out 효과/ 2023 웹 디자인 트렌드

1. 자바스크립트 클로저 예전에 면접볼 당시 공부해도 이해가 안되던 클로저 이 블로그 정말 이해 쉽게 잘 정리해주심 https://www.daleseo.com/js-closures/ [자바스크립트] 클로저(closure) 바로알기 Engineering Blog by Dale Seo www.daleseo.com 2. 스크롤 시 fade in, fade out 효과 https://coolcssanimation.com/element-fade-out-on-scroll/ Element fade out on scroll Element fade out on scrollby Nick Ciliak on January 23, 2021 Fading an element out on scroll is a subtle effec..
TIL 2022. 12. 14. 19:27
[React] 브런치 스타일 웹 만들기/ 배경 덮으면서 올라가는 스크롤/progress bar만들기

인터렉티브 웹을 공부하다가 브런치 스타일을 한번 따라해보기로 했다. 결과는 아래 동영상이다. 여기서 내가 고려한 포인트는 아래와 같다. 1. 사진 배경을 덮으면서 콘텐츠가 올라가게 하기 2. 헤더 부분이 사진 영역에 있을 때는 투명했다가 스크롤을 하면 그대로 안보이고, 글 영역으로 가면 반투명 해지고 progress bar가 나타남 3. 헤더 부분 아이콘이 사진 영역에서는 검정이고 글 영역에서는 하얀색. 4. 페이지 높이에 따른 progress bar 만들기 (전체코드는 맨 아래에) html은 이렇게 짰다. 크게 메뉴, 이미지, 콘텐츠 부분으로 div를 두었다. 꽃이 끓는 풀이 사랑의 놀이 청춘 바이며, 힘있다. 피가 뼈 커다란 남는 갑 생생하며, 이 사람은 그들은 그리하였는가? 모래뿐일 피고, 같은 따..
WEB/재밌어서 만드는 것 2022. 12. 14. 14:41
[React] 매우 쉬운 상태관리 툴 zustand 튜토리얼

새로운 프로젝트 세팅을 하면서 어떤 상태관리 라이브러리를 쓸까 생각을 해보았다. 그 전에는 쌩 리덕스를 쓰고 있어서 보일러플레이트 코드가 매우 많이 필요했다. 그래서 비교적 쉽고 보일러플레이트가 적은 recoil을 쓰려고 했는데 zustand가 인기가 더 많아지고 있고 업데이트와 버전 업데이트도 recoil보다 더 활발하여 zustand를 사용해보기로 했다. 결론적으로는 매우 쉬움 따봉 100개 드립니다. 보일러플레이트가 거의 없고, redux devtools를 사용할 수 있다. 1. 설치 yarn add zustand 2. store생성 // store.js import create from 'zustand' // create로 zustand를 불러옵니다. const useStore = create(s..
WEB/REACT 2022. 12. 9. 17:28
이전 Prev 1 2 3 4 5 6 7 8 ··· 151 Next 다음