[ Node.js ] 1강. node.js와 express.js 설치하기

[ Node.js ] 1강. node.js와 express.js 설치하기

인프런 강의를 통하여 React.js와 Node.js에 대해서 알아보겠습니다. www.inflearn.com/course/%EB%94%B0%EB%9D%BC%ED%95%98%EB%A9%B0-%EB%B0%B0%EC%9A%B0%EB%8A%94-%EB%85%B8%EB%93%9C-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EA%B8%B0%EB%B3%B8/dashboard 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다. 초급 웹 개발 프레임워크 및 라이브러리 React Node.js 웹 개발 온라인 강의 실무에서 가장 많이 활용되 www.inflearn.com node.js가 나오고나서 자바스크립트를 브..

  • format_list_bulleted Node.js/기초(인프런)
  • · 2021. 1. 18.
  • textsms
[ React Layout ] - flex direction & align

[ React Layout ] - flex direction & align

styles option flexDirection : VIew 에서 자식요소의 나열 방향을 작성, 기본은 "column 으로 세로 방향 으로 자식요소들을 나열 하며, "row"는 가로 방향이다. developer.mozilla.org/ko/docs/Web/CSS/flex-direction alignItems : flexDirection row 를 기준으로 자식요소들을 나열시, flex-start(좌측끝), center, flex-end(우측끝), stretch(늘이기) developer.mozilla.org/en-US/docs/Web/CSS/align-items justifyContent : flexDirection row 를 기준으로 자식요소들을 나열시, flex-start, center, flex-e..

  • format_list_bulleted 카테고리 없음
  • · 2021. 1. 8.
  • textsms
[React] react-icons 사용하는 방법

[React] react-icons 사용하는 방법

React 아이콘 사용하기 https://react-icons.netlify.com/#/ 여기 사이트로 접속하세요. 설치방법 yarn add react-icons 사용방법 저는 이 중에서 IonIcon을 사용해보겠습니다. IonIcon 중에서도 갯수 다양하죠? 저는 닫기 아이콘을 사용해보겠습니다. ctrl+f 를 누르고 찾기를 누르면 됩니다. import { ICON_NAME } from "react-icons/io"; //예) import { IoIosClose } from "react-icons/io"; // 맨위에서 사용하고픈 아이콘을 골라 Icon_name에 써줍니다. *** //위에서 불러온 형태 그대로 사용해줍니다. 옵션 추가 import { ICON_NAME } from "react-icon..

  • format_list_bulleted Frontend/React
  • · 2021. 1. 7.
  • textsms

[ React ] null값 허용하기

//.tsconfig.json에서 { "compilerOptions": { "target": "es5", "lib": [ "dom", "dom.iterable", "esnext" ], "allowJs": true, "skipLibCheck": true, "esModuleInterop": true, "allowSyntheticDefaultImports": true, "strict": true, "forceConsistentCasingInFileNames": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "noEmit": true, "jsx": "react-jsx", "isolatedModules": true,..

  • format_list_bulleted Frontend/Typescript
  • · 2021. 1. 2.
  • textsms
[ Git ] Git 명령어 정리 - 수정중

[ Git ] Git 명령어 정리 - 수정중

github을 사용하지 않았던 기존 project를 github repo에 올리기 출처 : injeblog.tistory.com/14 git branch -D 브랜치 삭제 삭제할 브랜치 명이 feature/login 으로 가정 $ git checkout master $ git branch --delete feature/login 출처 : velog.io/@noyo0123/git-명령어-정리-에러정리-znk1zz2k5e 원격 브랜치 삭제 $ git push origin --delete feature/sth 출처 : https://www.lesstif.com/gitbook/git-20776547.html git add . 중 특정파일은 커밋X git reset 커밋 취소 출처: https://stackove..

  • format_list_bulleted github
  • · 2020. 12. 31.
  • textsms
[ Git ] ! [rejected] master -> master (non-fast-forward) / git push origin master 에러

[ Git ] ! [rejected] master -> master (non-fast-forward) / git push origin master 에러

git push origin master 를 실행하였더니 다음과 같은 오류가 떴습니다. $ git init github에 업로드를 하고싶은 디렉토리에서 위의 명령어로 초기화를 하고 $ git remote add origin 올릴 깃 URL 위의 명령어를 통해 원격 저장소 설정을 한 이후에도 git pull 또는 git merge 명령어를 시도하면 오류가 나서 $ git push origin master 위의 명령어를 통해 처음 push를 하려고 할때 push를 할 수 없는 경우 원인과 해결방법은 다음과 같습니다. [ 원인 ] 원인은 .gitignore 파일 또는 README.md 파일로 인해 발생한다고 합니다. [ 해결 방법 ] 해결 방법은 push하려고하는 브랜치 이름 앞에 + 를 붙여 push 하면 ..

  • format_list_bulleted ___/에러
  • · 2020. 12. 31.
  • textsms