본문 바로가기
추천받은 읽을거리 Adobe에서 공개한 오픈소스 React UI 컴포넌트 라이브러리 https://react-spectrum.adobe.com/react-aria/ React Aria A library of React Hooks that provides accessible UI primitives for your design system. react-spectrum.adobe.com Matt Turck의 AI 최신 트렌드 https://www.youtube.com/watch?v=f9kW4GNU51g 요약 https://news.hada.io/topic?id=5299 2021년 데이터/ML/AI 업계 지도와 최신 트렌드 | GeekNews 이미지 1장으로 정리한 2021 Data & AI Landscape 와 상세한 설명1.. 2021. 11. 12.
VS CODE에서 SSH로 Github 연동 변경하기 1. SSH 생성 # 먼저 SSH가 생성이 되어있는지 확인 $ cd ~/.ssh # .ssh 폴더가 없으면 생성이 되어 있지 않은 것이므로 생성 $ ssh-keygen -C "github email" 2. Git 설정 변경 2-1. git 주소를 확인해준다. $ git remote -v 2-2. ssh 주소로 remote 주소 변경 $ git remote set-url origin ${ssh-url} 참고한 블로그 VS CODE에서 SSH로 Github 연동하기 snutiise.github.io 2021. 11. 12.
React - List 를 Render하는 방법 (Rendering Lists) return {listItems}; Rendering Lists JavaScript 배열 methods인 filter()와 map()를 사용하여 데이터를 다룰 수 있다. Rendering data from arrays 인터페이스를 구축할 때 동일한 구성으로 되어있는 요소들을 렌더링할 때가 있다. Creola Katherine Johnson: mathematician Mario José Molina-Pasquel Henríquez: chemist Mohammad Abdus Salam: physicist Percy Lavon Julian: chemist Subrahmanyan Chandrasekhar: astrophysicist 위의 코드는 tag로 되어 있는 contents이다. 1.데이터를 array안으.. 2021. 11. 8.
react - 조건적 렌더( Conditional Rendering ) Conditional Rendering component들은 종종 상황에 따라 다르게 표시해야하는 상황이 필요하다. React는 JavaScript 문법인 if, &&,? : 를 이용하여 JSX를 다르게 표시해줄 수 있다. Conditionally returning JSX if 문법을 통해서 JSX를 다르게 rendere 해줄 수 있다. function Item({ name, isPacked }) { if (isPacked) { return {name} ✔; } return {name}; } export default function PackingList() { return ( Sally Ride's Packing List ); } Conditionally returning nothing with nul.. 2021. 11. 4.