[리액트]리액트 아이콘(react-icons) 사용하기(lib)

리액트 개발을 하면서 아이콘 이미지가 없어서 어떻게 만들어야될지 고민하는사람은 이걸 사용하면 된다 [install] npm install react-icons --save // npm yarn add react-icons // yarn [use] 먼저 리액트 아이콘 공식 사이트에 들어가자 react-icons.github.io/react-icons/ 그러면 엄청 잘되어 있는데 왼쪽 위 검색창에다가 내가 원하는 아이콘에 이름(ex star, user등)을 검색하면 포함되어 있는 모든 아이콘이 나온다 그리고 사용할때는 아래처럼 사용하면 된다 //import { 불러오고 싶은 아이콘1,아이콘2, 아이콘3 ... } from 'react-icons/불러오고 싶은 아이콘 앞 두 글자'; import { AiFil..

[장고]구름으로 장고 프로젝트 만들기 - 0.구름 프로젝트 만들기

장고 프로젝트를 만드는 건 여러가지 방법이 있겠지만, 그중 구름을 활용해서 장고를 만드는 방법을 알아보자 https://www.goorm.io/ goorm 구름은 클라우드 기술을 이용하여 누구나 코딩을 배우고, 실력을 평가하고, 소프트웨어를 개발할 수 있는 클라우드 소프트웨어 생태계입니다. www.goorm.io 먼저 구름을 사용할꺼니 회원가입과 로그인을 하자. 매우 쉬우니 1분이면 할수 있을꺼라 생각한다. 로그인을 했으면 왼쪽 상단에 IDE 메뉴에 들어가주자 그러면 아래와 같은 창이 뜰텐데 가격 정책이 눈에 띄지만 우리는 무료버전을 사용할꺼니 무시하고 콘솔로 가기를 눌러주자 콘솔메뉴에 온다면 아래와 같은 화면을 볼수 있을텐데 바로 새 컨테이너 만들기를 눌러서 장고 프로젝트를 만들어 보자 먼저 위쪽 생성..

리액트(react) 프로젝트 만들기(생성, 실행)

[서론] 사실 리액트 프로젝트를 만드는 작업은 어쩌면 가장 [리액트] 자습서을 한번씩 읽어 보는걸 추천한다. 리액트를 공부하면서 다른 블로그들보다 더 정확하고 다양한 정보들을 얻을수 있기때문에 수십번씩 돌려 볼수도 있다 React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org [node.js 설치] LTS 버전은 예전버전인 대신 안전성이 높은 버전이고 현재 버전은 최신기능들이 있지만 안전성이 조금 떨어질수 있다. 자신에게 맞는 버전을 다운하면 된다. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaSc..

웹 코드 에디터 replit 추천(소개)

프로그래밍을 공부하다보면 집에서 뿐만 아니라 학교나 카페,pc방등 내 컴퓨터가 없는 다양한 곳에서 하게되는 경우가 있는데 이럴때는 원하는 에디터를 설치하기에는 시간이나 파일저장등에 문제가 있을때가 많다. 이럴때에 쓸수있는 웹 에디터가 있는데 오늘은 많은 웹 에디터들 중에서 내가 좋다고 생각하는 레플it을 추천해주려고 한다. replit.com/ The collaborative browser based IDE Replit is a simple yet powerful online IDE, Editor, Compiler, Interpreter, and REPL. Code, compile, run, and host in 50+ programming languages. replit.com 레플을 사용하려면 먼저 ..

html input 타입 속성 종류

속성 input에는 다양한 속성들이 있는데 html5에 들어오면서 20개가 넘는 속성이 있는걸로 알고있다 type(필수 속성) 1.text(기본값) : 텍스트를 입력받는 칸 2.password :text 속성값과 같지만, 문자를 숨겨서 표시(별표 처럼) 3.button : 버튼을 만듦 (button태그가 따로 있는데 조금 다르다) 4.checkbox : 체크박스를 만듦 (여러개를 다중 선택 가능) 1 2 3 4 5.radio : 라디오 버튼을 만듦 (한가지만 선택 가능) Apple Banana 5.button : 버튼을 만듦 (button태그가 따로 있는데 조금 다르다) 6.submit : 전송 버튼을 만듬(input태그로 쓰여진 정보들을 전송) 7.reset : 재설정 버튼을만듦(input태그에 쓰여진..

html 에디터 추천 (vsCode)

1줄요약 : 점유율 1위! 많은 기능! 가볍다! 무료! html과 관련된 글들을 쓰기에 앞서 내가 가장 많이 쓰고 친구들에게도 추천해주고 있는 에디터를 추천해줄까하는데 c언어 등에서 Visual Studio를 다루어 봤다면 더 익숙하게 들릴수도 있는 이름인데 바로 Visual Studio Code 라는 에디터 이다. (줄여서 약칭으로 vsCode 라고 많이 쓴다) 바로 이 에디터에 장점을 말해보자면 크게 4가지 정도가 있다고 생각하는데 vsCode에 장점 1. 메우 가볍다. vsCode는 Visual Studio같은 컴파일러가 기본적으로는 없기 때문에 설치나 제거가 빠르고 다른 에디터 보다 더 가볍다는 느낌이 많이 든다(물론 이 점때문에 c 처럼 컴파일링이 필요한 경우에는 별로도 컴파일러를 설치해줘야 한..