본문 바로가기

분류 전체보기

 (49)
React 폰트 어썸 아이콘 사용하기 1. 설치 yarn add @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome 2. 임포트 import{FontAwesomeIcon}from"@fortawesome/react-fontawesome"; import{faBars}from"@fortawesome/free-solid-svg-icons"; 3. 컴포넌트 사용 결과: DOS IMPACT - WEB Developer KIM DO YOUNG WEB : REACT JS | REACT NATIVE | GraphQL PRISMA
React - Practice - Grid,FlexBox, margin auto & max-width 오늘 연습의 핵심은, Web PC에서 볼때 안의 내용물을 가운데로 모아주는 반응이다. 간단하게 margin: 0 auto; max-width: 1200px; width:100%; 이 세가지를 통해 구현이 가능하다. 최대너비는 1200px이되 기본적으로 width는 100%로 늘린다. 나머지 부분은 자동으로 margin으로 처리한다. https://codesandbox.io/s/distracted-https-gruck distracted-https-gruck - CodeSandbox distracted-https-gruck by DosImpact using @fortawesome/fontawesome-svg-core, @fortawesome/free-solid-svg-icons, @fortawesome/r..
SASS 2020 01 03 한달 평균 수입 200만원. Tech Jobs for Good - 미국. 텍사스 사는 1인 개발자. 직원 없음. - 2018년 7월쯤 시작한것 추정 - 서비스: 비영리. NGO. 재단. 사회적 기업등에서의 기술.개발직 고용 정보를 알려주는 웹사이트. - 환경. 교육. 인권 등 다양한 분야에서 전문가를 찾고있음. 캬. 멋져. 멋져. - 한국 도입이 시급합니다. - 좌표: https://www.techjobsforgood.com/ 취미로 시작해서. 한달 수입 2,000만원. The Church Co. - 5년전에 취미로 시작하여. 뭐. 수입이 얼마??응?? - 서비스: 교회를 위한 전문 웹사이트 빌더. 템플릿 자체가 교회를 위한 옵션. 플러그인. 디자인이 많다! 한달 서비스 이용료는 최소 20불 부터 시작...
React - Practice - CSS - Grid+Flex Box https://codesandbox.io/s/smoosh-lake-dukq2 smoosh-lake-dukq2 - CodeSandbox smoosh-lake-dukq2 by DosImpact using react, react-dom, react-scripts codesandbox.io DOS IMPACT - WEB Developer KIM DO YOUNG WEB : REACT JS | REACT NATIVE | GraphQL PRISMA
React Practice - StyledComponent , Grid 시스템 DOS IMPACT - WEB Developer KIM DO YOUNG WEB : REACT JS | REACT NATIVE | GraphQL PRISMA React Practice - StyledComponent , Grid 시스템 https://codesandbox.io/s/gallant-platform-tg466 gallant-platform-tg466 - CodeSandbox gallant-platform-tg466 by DosImpact using @testing-library/jest-dom, @testing-library/react, @testing-library/user-event, antd, axios, babel-plugin-import, customize-cra, gestalt, le..
최고의 웹 IDE - CodeSandBox , 블로그에 코드 넣기 블로그에 코드를 올리고 싶으나, HTML,CSS 는 결과물 + 코드까지 올려야 되는 번거로움 때문에, Web IDE를 찾게 되었다. 그중 무료로 무제한으로 프로젝트를 만들어서 보여줄 수 있는 코드 센드박스가 있다. static 한 코드 뿐만 아니라, 리액트 및 아폴로도 가능하니 가능성이 무궁무진하다. DOS IMPACT - WEB Developer KIM DO YOUNG WEB : REACT JS | REACT NATIVE | GraphQL PRISMA
CSS - Grid 연습 template,auto-fit - section4-2 https://codesandbox.io/s/cocky-sutherland-sgisr cocky-sutherland-sgisr - CodeSandbox cocky-sutherland-sgisr by DosImpact codesandbox.io featured 1. - nav를 grid로 만들었다. - 행의 높이는 자동으로 100px 고정 -열은 최소 60px 보장 및 1fr로 최대한 늘릴수 있으면 늘리도록 auto-fit을 설정했다. .title .title__menu { display: grid; grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); grid-auto-rows: 100px; gap: 10px; } featured 2. - nav트렌지..
기술 STACK 정리 + 서드 파티 모듈 기술 STACK 정리 + 서드 파티 모듈 HTML -Canvas CSS React JS -Ant-Design -React Hooks -React Apollo Hooks React Natvie -Location DOS IMPACT - WEB Developer KIM DO YOUNG WEB : REACT JS | REACT NATIVE | GraphQL PRISMA

티스토리툴바