본문 바로가기

분류 전체보기268

[Knoticle] 좋은 UX를 위한 기능&도전 1 (Toast 메세지) Knoticle 서비스에 좋은 UX를 제공하기 위한 방법으로 토스트메세지를 적용했다. 많은 Api요청에서 에러가 발생했을때와 회원가입, 책 생성등 동작의 성공을 알려주기 위한 방법으로 토스트메세지를 사용하고 있다. 이러한 과정에서 고민했던 내용을 기록하려고 한다. 1. Toast 메세지 팀 내부 회의를 통해 토스트 메세지를 구현하기로 결정하고, 적용하면서 고민했던 부분은 두가지이다. 라이브러리를 사용할지, 직접 구현할지? 어느 시점에 토스트메세지를 띄워주는게 UX적으로 좋을지? 우선, 토스트 메세지는 라이브러리를 사용하기로 결정했다. Knoticle팀에서는 react-tostify 라이브러리를 사용했는데 선정 이유는 하기와 같다. 우리는 6주라는 짧은 시간동안 기획,설계,구현을 진행해야하며, 완결성있는 .. 2022. 12. 16.
[학습정리] Storybook Storybook? Storybook은 컴포넌트 기반의 뷰를 위한 독립적인 UI 개발 환경이다. 스토리북은 컴포넌트를 목록화하여 보고 싶은 컴포넌트를 언제든 확인 가능하도록 만들어준다. 하나의 디자인 시스템이라고 생각하시면 편할 것 같다. 스토리북 슬로건 간단히 설명하자면 버튼이나 아바타 툴팁 같은 매우 작은 컴포넌트를 독립적으로 만들고 그 조합으로 form, header, list, table 같은 조금 더 복잡한 컴포넌트를 만드는 것. 그리고 그 컴포넌트들로 페이지를 구성하고 로직 붙여서 프로젝트를 완성하는 방식을 말하는 말하는 거야. 스토리북을 왜 사용해야 하는데? 스토리북은 두 가지 특징 이 있다. 독립적인 환경에서 그립니다. 컴포넌트를 재사용하여 다시 그립니다. 결과물을 쉽고 빠르게 확인할 수 .. 2022. 12. 16.
[학습정리] Next.js를 프로젝트에서 사용한 이유 학습정리 : Next.js 이 문서는 Next를 처음 공부하면서 작성한 글로 잘못된 정보가 있을 수 있습니다. Next.js란? Next.js는 React로 만드는 서버사이드 렌더링 프레임 워크이다. 서버사이드 렌더링을 하면 뭐가 좋은데? 클라이언트 렌더링의 경우 모든 js 파일을 로드하고 사용자는 웹을 보게 된다. 이때까지 사용자는 많은 시간을 대기해야한다.(첫 로딩 시간이 오래 걸린다.) seo 클라이언트 사이드의 경우 자바스크립트가 로드 되지 않은 경우 아무런 정보를 볼 수 없다. 검색엔진의 봇에 아무 페이지도 걸리지 않아, seo에 불리하다. 이런 두가지 문제점을 해결하는 것이 서버 사이드 렌더링이다. 해결 서버에서 자바스크립트를 로딩함으로 클라이언트 측에서는 자바스크립트를 로딩하는 시간이 줄어든.. 2022. 12. 3.
[baekjoon] 14889 스타트와 링크 https://www.acmicpc.net/problem/14889 14889번: 스타트와 링크 예제 2의 경우에 (1, 3, 6), (2, 4, 5)로 팀을 나누면 되고, 예제 3의 경우에는 (1, 2, 4, 5), (3, 6, 7, 8)로 팀을 나누면 된다. www.acmicpc.net 접근 : 브루트포스, 조합 문제를 확인하고 조합으로 풀면 쉬울꺼같아서 조합으로 문제 풀이 /** * 제출용. 아래 로컬용을 지우고 제출하자. */ // let input = require("fs").readFileSync("/dev/stdin").toString().trim().split("\n") /** * 로컬용, 예제.txt를 생성해서 예제를 복붙하자. */ let input = require("fs") .rea.. 2022. 11. 9.

티스토리툴바