( •̀ ω •́ )✧

✅ 로딩 화면 빅데이터 프로젝트다보니 메인 - 상세 페이지로 넘어가는 시점에서 받아오는 데이터가 많아서 로딩 화면을 만들었다. 긴 로딩 시간 문제를 해결하기 위해 기능적으로 속도를 줄이는 방법도 있지만 디자인적(UX)으로도 해당 문제를 개선할 수 있다. 로딩 스피너 혹은 프로그레스 바로 간단하게 구현할 수도 있고, 대기 시간이 더 길다면 간단한 읽을 거리를 제공한다거나 사이트와 관련된 애니메이션을 가볍게 넣어보는 것도 좋을 것 같다. 나는 우리 사이트와 관련있는 지구와 비행기 (세계여행) 애니메이션과 사이트 이름을 넣어서 로딩 화면을 만들었다.! 추가로 첫 화면에도 로고 + 지구 확대되며 나타나는 효과를,,!

🔎 BOJ 2800. 괄호 제거 (골드5) https://www.acmicpc.net/problem/2800 2800번: 괄호 제거 첫째 줄에 음이 아닌 정수로 이루어진 수식이 주어진다. 이 수식은 괄호가 올바르게 쳐져있다. 숫자, '+', '*', '-', '/', '(', ')'로만 이루어져 있다. 수식의 길이는 최대 200이고, 괄호 쌍은 적어도 1개 www.acmicpc.net 💡 SOL import sys import copy #1 : 입력 A = list(sys.stdin.readline().strip()) gual = [] stack = [] #2 : stack으로 괄호 쌍 처리 / gual 리스트에 괄호쌍의 인덱스 위치 저장 for i in range(len(A)): if A[i] == '..

✅ 스크롤 값에 따라 컴포넌트 렌더링 구현 이번 프로젝트는 페이지 수가 많지 않아서 사용하기에 자연스럽고 부드러워 보이기 위해 여러 가지로 시도하고 있다. 그래서 오늘은 일정 스크롤 위치에서 컴포넌트가 나타나는 애니메이션 효과를 구현했다. !! ✅ useMemo & useCallback useMemo랑 useCallback에 대해 잘 몰랐는데 스크롤 이벤트를 구현하면서 (결국 쓰지는 않았지만..) 공부했다. 주말에 포스팅해야지

🔎 BOJ 14502. 연구소 (골드4) https://www.acmicpc.net/problem/14502 14502번: 연구소 인체에 치명적인 바이러스를 연구하던 연구소에서 바이러스가 유출되었다. 다행히 바이러스는 아직 퍼지지 않았고, 바이러스의 확산을 막기 위해서 연구소에 벽을 세우려고 한다. 연구소는 크 www.acmicpc.net 💡 Sol import sys import copy from collections import deque from itertools import combinations N, M = list(map(int, sys.stdin.readline().split())) array, zero, two = [], [], [] one = 3 for i in range(N): new ..

✅ React 반응형 웹 디자인 반응형 웹을 구현할 때는 디바이스의 종류와 사용자 그룹을 고려하여 적절한 미디어 쿼리를 적용하는 것이 중요하다. 여행에 관련된 정보를 얻는 것이 목적인 우리 프로젝트에서는 여행 중 간편한 사용성을 위해 데스크탑 버전을 기본으로 한 사이트에 모바일 버전까지 2가지를 제공하기로 했다. 세부 컴포넌트 내부에서 미디어 쿼리를 정의하고 처리하기 위해 `react-responsive` 모듈을 사용했다. 기본 설정했던 코드는 아래 링크 참고https://heyitzme.tistory.com/9 React 반응형 웹 디자인(react-responsive) 프로젝트 중 데스크탑과 모바일의 2가지 버전을 768px 기준으로 분기하고 세부 컴포넌트에서 자유롭게 사용하기 위해 `react-re..