일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- 자료구조
- 프로그래머스
- SSR
- FIGMA
- express
- 코딩테스트
- github
- CSS
- HTML
- hook
- grid
- webpack
- useCallback
- axios
- Babel
- TypeScript
- Taillwind
- docker
- Stack
- Javascript
- useMemo
- git
- render
- EC2
- react
- TAILWIND
- 피그마
- 해시
- Next.js
- FigJam
- Today
- Total
목록2023/12 (20)
나는 오늘도 멋있다
이틀동안 면접을 준비하면서 redux를 다시 공부하느라 ERD작성이 늦어졌다. 처음 작성해보는 ERD인 만큼 많이 조잡하지만 내가 테이블을 짤때 도움되기 위해 작성해본다 관계의 표현 해당표현방식처럼 테이블과의 관계도를 나타탤수 있다. 말그대로 작대기 하나면 1개, 동그라미는 0개, 분포작대기는 N개로 이해하면 간단했다. Figma or FigJam으로 그려보려했지만 관계도 그래프가 작성되지않아서 루시드차트를 이용했다. 하지만 루시드 차트도 무료 버전으로 쓰기에는 한계가 있었다(그리다보면 더이상 도형 추가되지않음) 그래서 다른게 뭐가 없을까 하다가 dbdiagram이란것을 찾게 되어 작업은 여기서 진행했다. 간단하게 왼쪽에다가 쿼리문가 비슷하게 작성해주면 오른쪽에서 표시가 되어 편하긴 하다. 조금은 공부는..
CORS란? 웹브라우저에서 다른출처(프로토콜,도메인,포트)의 리소스를 공유하는것을 가능하게 하는 메커니즘이다. 출처(Origin)란? URL: HTTPS://www.domain.com:3000/user?query=name&page=1#first 프로토콜(Protocol): http, https 호스트(Host): 도메인 포트(Port): 포트번호 패치(Path): 사이트내부경로 쿼리스트링(Query string): 요청 key 와 value값 프래그먼트(Fragment): 해시태그 출처(Origin): 프로토콜 + 호스트 + 포트 동일 출처 정책 (Same-Origin Policy) SOP는 동일한 출처에서만 리소스를 공유할수 있는것을 말한다. 즉 웹 브라우저에서 실행되는 스크립트가 한 출처에서 불러온 ..
작성계기 오전에 FlowChart를 그리고 해당 차트의 기능에 맞도록 화면정의서를 그렸다. 배치,색상,등 생각할게 너무많아서 시간이 오래걸렸다. 적다보니 플로차트도 다시 수정하게 되고, 이기능은 있어야 하지않을까하니 몇개가 더늘어나기는 했다. 이후 피그마를 이용해 와이어프레임을 그렸는데... 생각보다 어려웠다. 많이 다르지 않았던 툴이기도 했고.. 무엇보다 디자인을 어떻게 해야하나도 고민을 많이했다. 유튜브를 보고 다른 사람 블로그를 보면서 컴포넌트 기능을 많이 활용해보려 했지만 그냥 노가다를 했다. 홈화면이나 다른 화면이 너무 비어보인다. 추후에 페이지 소개나 다른기능들을 넣어보려한다. 다른데이터들과 영향을 받지않는 정적인 데이터로 말이다. 프로젝트는 내일부터 시작할것 같다. ERD를 작성하고, 이력서..
[작성계기] 항상 솔로 프로젝트를 진행할떄 내가 해보고싶은 기능을 구현했다. 하지만 너무 많은 경우의 수를 생각하다보니, 원래목적의 기능 개발에서 변질되는 경우가 많았다. 그러다보니 작업한것을 여러번 수정하는 일이 발생했고, 작업의 속도는 늦어졌다. 이러한이유로 플로우차트를 적용하여 수정이 많아지는것을 방지하고, 좀도 시각화하여 보고 싶기 하기위해 작성해봤다. 플로우차트란 ? 어떤 프로세스나 작업의 단계적인 진행 과정을 도식화하고, 시각적으로 표현한 다이어그램이다. 도형구분 순서도 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 제 기능을 하지 않는 전구를 다루기 위한 단순 순서도. C 언어의 for 루프 순서도 순서도(영어: flowchart)는 워크플로 혹은 프로세스를 보여주는 ..