목록전체 글 (144)
언젠가는 펼쳐 볼 아카이브
Props 란? 컴포넌트로 전달되는 매개변수 기본적으로 컴포넌트에 원하는 값을 넘겨줄 때 사용함 넘겨줄 수 있는 값은 변수,함수,객체, 배열 등 javascript 요소라면 제한이 없음 주로 컴포넌트의 재사용을 위해 사용함 props 는 읽기 전용으로, 값을 변경해서 사용하고 싶다면 새로운 변수를 생성해 변경해야 함 부모 컴포넌트에서 자식 컴포넌트로 전달하는 값으로 자식 컴포넌트에서는 Props를 직접 수정할 없음 DOM element의 attribute 기본 DOM element들의 attribute는 camelCase 로 작성함 data 또는 aira 로 시작하는 attribute는 예외 html 의 attirbute 와 다른 이름을 가지는 attribute가 있음 ex) class(=>classNa..
Data Schem 코멘트 반영 된 ERD API 관련 코멘트 카테고리 관련 API & 데이터 스키마를 작성하다보니 접근 방식이 다양하게 나오는데요. 이 방법들을 어떻게 채택하면 좋을까요? 나중에 카테고리 정보를 이용해 상품 리스트들을 필터하는 것도 고려중입니다. 카테고리의 기준을 잡아야 합니다. 단순히 카테고리의 계층 구조만 전달할 것인지, 아니면 카테고리에 많은 정보를 담아서 보낼 것인지 등 기준이 명확해야 혼동이 오지 않습니다. 상품 리스트 필터를 고려해서 카테고리에 다양한 정보를 넣고 싶으신거죠? 그렇다면 현재 작성해오신 구조보다는, Product의 데이터 스키마에 카테고리 값이 들어가 있는 형태가 더 편하실 겁니다. 카테고리는 단순히 계층 구조, 그러니까 대분류/소분류 계층 정보만 담고 있게 하..
서버 배포 관련 코멘트 만약 백엔드 서버가 프론트 정적 파일 &백엔드 코드를 서빙한다면 어떻게 해야할까요? Express에서 내부적으로 정적 파일을 서빙할 수 있는 함수인 "express.static()" 함수를 사용하면 됩니다. 대신 static() 함수를 사용하려면 route를 지정 해줘야합니다. 페이지 로딩을 위한 route를 지정해줘야 하는거죠 Git 브랜치 전략 관련 코멘트 브랜치 전략을 어떻게 나눠가지는게 효율적일까요? 지금 현재 브랜치 상태는 백엔드 / 프론트엔드 브랜치로 나뉘어져 있습니다. 회사의 내부 룰에 따라 다르긴 하지만, 보통 프론트/백엔드 repogitory를 다르게 가져가는 경우가 많습니다. 같은 레포지토리 안에서 작업을 한다면 프론트엔드 쪽은 Component&기능별로, 백엔드..
ReactJS란? 사용자 인터페이스를 만들기 위한 javascript 라이브러리 생산성/재사용성이 높음 Component와 Hook을 활용함 Hooks를 통해 컴포넌트 상태를 쉽게 관리할 수 있음 작은단위의 독립적인 요소로 개발하여 개발자의 생산성과 코드의 재사용성을 높임 풍부한자료/라이브러리 전 세계적으로 가장 활발하게 커뮤니티 활동이 이뤄지고 있어 방대한 자료와 편리한 오픈소스 라이브러리 등이 공유되고 있음 Redux, Mox : 애플리케이션에서 전역적으로 쓰이는 상태 값을 관리하는 대표적인라이브러리 Fluent UI, Ant Design, 머튜리얼디자인? 대표적인 디자인 프레임 워크 다양한 사용처 React-Native에 적용하여 안드로이드 애플리케이션 및 IOS 애플리케이션 등을 개발할 수 있음 ..