분류 전체보기250 (React) 리액트 달력만들기 (초간단/쉬움) * 본 포스팅은 직접 구현한 코드입니다. * 불펌 금지합니다. * 더 좋은 코드가 있으면 가르쳐주세요 감사합니다 :) 포스팅 요약 1. 결과화면(사진 및 동영상) 2. 파일 구조 3. 코드 4. 깃허브 코드 주소 1. 결과화면 (사진 및 동영상) 1) 사진 2) 동영상 2. 파일 구조 3. 코드 경로: public/index.html 경로: src/App.js import Calendar from "./component/Calendar"; function App() { return ( ); } export default App; 경로: src/component/Calendar.js import React, { useCallback, useState } from "react"; import classNam.. 2022. 5. 25. (React) 리액트 설치 및 실행법 상세하게 이미지로 설명 [2022.05.05 기준] * 이미 node.js가 설치되어 있으신분들은 3번부터 참고해주세요 ^^ 1.node.js 다운 (기존과 같음) 2. 설치가 잘되었는지 확인하기 3. react 실행하기 - 방법 1: 원하는 폴더 이름으로 react 개발환경 세팅하기 + 이미지로 상세설명 - 방법 2: 원하는 폴더 안에서 react 개발환경 세팅하기 + 이미지로 상세설명 4. 참고 사이트 1. node.js다운 아래 링크에서 node.js를 다운 받는다 https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org (LTS or Current 둘다 상관 없음) 2. 명령창 or 터미널 열은후 np.. 2022. 5. 5. (JavaScript)자바스크립트 new Map() 사용법/예제, 관련 코딩테스트 문제 추천 1. key,value 세팅 - map.set(key, value) 1.1 한번에 2개 이상의 key,value 선언 - new Map() 2. key로 value값 구하기 - map.get(key) 3. map크기/길이 구하기 - map.size 4. key삭제하기 - map.delete(key) 5. 모든 key 삭제하기 - map.clear() 6. 관련 코딩테스트 문제 추천 1. key에 value값 등록하기. map.set(key, value); const map = new Map(); map.set("key1",1); //결과 map = {"key1" => 1} 1.1 한번에 2개 이상의 key,value 선언법. new Map() const map = new Map( [ ["key1",1],.. 2022. 5. 1. (Git) gitignore , 깃에 원하지 않는 파일 빼고 업로드 하기(초간단) 1. .gitignore이란? 2. .gitignore사용법 3. 참고하면 좋은 자료 1. .gitignore이란? 프로젝트 파일에서 아래 사진과 같이 빨간체크박스로 표시된 파일이다. 오픈소스로 올리기 곤란한 파일들은 .gitignore에 담아주면 된다. (*사용법은 아래에 작성) 예를들어 api주소와 같이 데이터를 주고받을 때 필요한 중요한 단서들은 따로 다른 파일에 빼놓고, 그 파일을 gitignore에 등록하여 오픈소스에는 올리지 않는다. 2. .gitignore사용법 초간단 사용법은 아래 사이트를 이용하면 된다. (아래 링크 클릭 혹은 주소창에 "gitignore.io"를 치면 나온다) https://www.toptal.com/developers/gitignore 위 창에서 자신이 사용하는 운영체.. 2022. 4. 16. (React) 리액트 라우터 사용하여 고정 메뉴 만들기(react-router v6 2022.4 기준 최신버전) 포스팅 요약 1. 포스팅 이유 2. 결과 영상 3. 소스 다운 4. react-router-dom v6관련 참고하시면 좋은 문서자료 1. 포스팅 이유 아오 리액트 또 업데이트 됐습니다.. 개인 공부하다가 가 안먹길래 찾아보니 , 2021년에 react-router-dom 이 v5에서 v6로 업데이트 되면서 는 없어졌더라구요... 그래서 공부 기록겸 포스팅 하게 되었습니다... 아래 링크는 참고하시면 좋은 블로그입니다. react-router-dom v5에서 v6로 어떤부분이 변경되었는지 알려줍니다. https://velog.io/@soryeongk/ReactRouterDomV6 ** 최대한 좋은 코드를 제공해드리려 노력할게요, 저보다 더 좋은 코드를 짜신다면 공유 환영합니다!! 2. 결과 영상 3.소스 .. 2022. 4. 3. M1 맥북 초간단 mySQL 설치법 / mysql Homebrew설치 (상세) 맥린이 시절 mysql 다운법을 포스팅 했었는데요, 그 방법은 더 어렵고 복잡하며, 설치가 잘 안되는 경우가 있더라구요 ㅠㅠ 그래서 초간단 mySQL 설치법을 다시 포스팅 하려 합니다. 포스팅 목차 1. Homewbrew 설치 2. 터미널창 열기 3. Homebrew업데이트 4. mysql설치 5. mysql 보안 적용 명령어 입력 6. mysql 실행법 7. 평상시 mysql 실행/종료 법 8. 참고 블로그 1. Homebrew설치 간단하게 mySQL을 설치하시려면 일단 Homebrew가 맥에 설치되어 있어야 합니다. Homebrew가 설치되어 있지 않은분은 아래 포스팅을 참고해주세요 :) 2021.12.26 - [(Tool)툴 사용법/(Git) 깃 사용법] - M1 맥북 Homebrew 설치법 (상세.. 2022. 3. 13. 이전 1 ··· 5 6 7 8 9 10 11 ··· 42 다음
