노력하는 개발자 노력하는 개발자

전체 글

• React/createContext, useContext 사용하기

  Language/React 2022. 10. 12. 16:56

  Class Component -> createContext const MyContext = React.createContext(); class MyComponent extends Component { const [user, setUser] = useState(null); render() { const propsMy = { ... isMobile: () => { return this.isMobile }, ... }; return ( ... ... ); } }; export default MyComponent; Class Component -> useContext class UserComponent extends Component { static contextType = MyContext; state = {..

  Read More
• React/AntV G2plot Chart 적용

  Language/React 2022. 10. 12. 11:50

  Module 추가 $ yarn add @antv/g2plot https://yarnpkg.com/package/@antv/g2plot https://yarnpkg.com/package/@antv/g2plot Fast, reliable, and secure dependency management. yarnpkg.com JSX Source Component base라서 ComponentDidMount 함수에서 적용 import { Pie } from '@antv/g2plot'; class UnitsDashboard extends Component { state = {} setPie = () => { const data = [ { type: '라벨1', value: 27 }, { type: '라벨2', val..

  Read More
• React/Swiper 적용

  Language/React 2022. 10. 12. 11:19

  module 추가 $ yarn add swiper JSX Code // Import Swiper React components import { Swiper, SwiperSlide } from 'swiper/react'; import SwiperCore, { Navigation, Pagination } from "swiper"; // Styles must use direct files imports import 'swiper/swiper.scss'; // core Swiper import 'swiper/modules/navigation/navigation.scss'; // Navigation module import 'swiper/modules/pagination/pagination.scss'; // Pa..

  Read More
• Git/업무중 간단한 명령어 모음

  Configuration Management/git 2022. 10. 7. 16:10

  상태확인 $ git status remote 확인?? $ git branch -r ### branch change $ git checkout feat_operation ### branch change $ git checkout dev ### merge $ git merge feat_operation ### git push $ git push

  Read More
• VSCode/설치 및 설정

  Tool/VSCode&Cursor 2022. 10. 6. 14:30

  Visual Studio Code Download 필자는 Apple Silicon 버전을 다운로드 https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. code.visualstudio.c..

  Read More
• Brew OpenJDK 설치 및 버전 변경

  ETC/MacOS,Rancher 2022. 10. 6. 11:50

  adoptopenjdk/openjdk 추가$ brew tap adoptopenjdk/openjdk 설치 가능한 JDK 확인$ brew search jdk 원하는 버전 설치$ brew install --cask adoptopenjdk8 설치된 곳 확인$ /usr/libexec/java_home -V 버전 확인$ java -version 버전 변경자신이 사용하고있는 쉘 종류에 따라 다르지만 기본적으로 자주 쓰는 환경 값이나 경로들을 저장해두는 곳이 있다. bash쉘을 사용하는 경우는 ~/.bash_profile이고 zsh쉘인 경우 ~/.zshrc 파일을 수정해주명된다. 내가 사용중인 쉘이 무엇인지 확인$ echo $SHELL설정 변경$ vi ~/.zshrc...# Java Pathsexport JAVA_HO..

  Read More
• Rancher/MariaDB Dump file import

  ETC/MacOS,Rancher 2022. 10. 6. 10:49

  개발 GUI 툴 및 MySQL Workbench 툴 등으로 MariaDB에서 내려받은 덤프파일을 MariaDB에 Import 하다보니 MyriaDB버전 과 툴에서 제공하는 MySQL 버전이 다르고 여러 이유에 의해서 테이블 데이터, 테이블 생성, 뷰생성등에 문제가 발생 하였다. 그래서 문제가 없고 제일 간단한 방법인 콘솔에서 덤프파일을 Import 해보려고 한다. 아래와 같은 스크립트로 데이터 베이스 생성되어 있다는 전제 CREATE DATABASE `test_db`; CREATE USER 'test-user'@'%' IDENTIFIED BY 'test1234@'; GRANT ALL PRIVILEGES ON `test_db`.* TO 'test-user'@'%'; flush privileges; DEFA..

  Read More
• Rancher/MariaDB, MySQL 컨테이너 기동

  ETC/MacOS,Rancher 2022. 10. 6. 10:48

  기본 $ nerdctl run -d -p 3306:3306 -e MYSQL_ROOT_PASSWORD= mysql:latest MySQL Run $ nerdctl run -d -p 3306:3306 --restart=always -e MYSQL_ROOT_PASSWORD= mysql:latest MariaDB Run nerdctl run -d -p 3306:3306 --restart=always -e MYSQL_ROOT_PASSWORD= mariadb:10.6.8 Volumn Mount Run nerdctl run -d -p 3306:3306 --restart=always -e MYSQL_ROOT_PASSWORD= -v /Users/deokjoonkang/dev/data/rancher/mysql:/var/l..

  Read More