stepByStep
3 posts
팔로잉/팔로우 데이터 설계

어떤 방식인가? 1번은 유저 document에 팔로잉/팔로워를 배열로 두고 그 안에 다른 사용자의 id를 넣는 구조이다. 단점 그런데 이렇게하면 앱이 커지면 관리에 어려움이있고, 확장하기엔 어려운 데이터 구조라고 한다. 솔루션 그래서 2번 방식처럼 한다. 2번 방식은 팔로잉/팔로워 목록을 별도의 컬렉션에 저장하는 방식이다. 유저1이 유저2를 팔로우한 경우 팔로잉이란 컬렉션이 생성되고, 마찬가지로 팔로워 컬렉션이 생성되고, 팔로우 당한 유저2가 주체가되고, 그 안에 유저2를 팔로우한 유저가 들어가는 방식이다.

다크모드 구현

프로그래머스 FE채용과제로 배우는 자바스크립트 강의중, 테스트를 다시 보면서 공부하던중 제가 직접 구현한 코드입니다. 구현 과제 OS의 다크모드의 활성화 여부를 기반으로 동작하게 하되, 유저가 테마를 토글링 할 수 있도록 좌측 상단에 해당 기능을 토글하는 체크박스를 만드는거였다. 나는 여기서 추가로 로컬스토리지를 추가하여, 처음 사용자가 웹에 접속하면 OS기반으로 다크모드를 적용시켜주고, 사용자가 토글버튼을 눌러서 다크모드의 활성화 여부를 로컬스토리지에 적용시켜, 다음 접속시 사용자가 설정한 값으로 적용이되게끔 사용자 편의성 측면에서 문제를 접근하여 추가로 구현을 해주었다. 구현 코드 사용자가 현재 웹 사이트에서 설정한 테마, 현재 사용자의 os테마 각각의 변수를 설정후 값을 대입 시켜주고, 그 값들을 조건문을 사용하여 값을 변경해주었다. 전체 코드 구현 과제 구현 코드 전체 코드

옛 블로그

옛 블로그입니다. 24.3.1..현재기준으로 블로그 옮기는중입니다.