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

Development

• Git/Sourcetree - Permission Denied

  Configuration Management/git 2022. 10. 14. 19:44

  GitHub Desktop을 사용하다가 Sourcetree를 설치하고 사용하려고 하니.. permission denied이 떠버렸다.. OTL. ssh 인증서 확인 $ ssh -T git@github.com Enter passphrase for key '/Users/deokjoonkang/.ssh/id_ed25519': Enter passphrase for key '/Users/deokjoonkang/.ssh/id_ed25519': Enter passphrase for key '/Users/deokjoonkang/.ssh/id_ed25519': git@github.com: Permission denied (publickey). ssh ssh-agent에 등록 $ ssh-add ~/.ssh/id_ed255..

  Read More
• VSCode/단축키

  Tool/VSCode&Cursor 2022. 10. 12. 17:10

  기본 ⇧ : Shift ⌃ : Controll ⌥ : Option ⌘ : Command Home : fn + ← End : fn + → Page Up : fn + ↑ Page Down : fn + ↓ 단축키 구분 맥 연결 키보드 맥 윈도우 Comment 코드 자동 정렬 Shift + Alt + F ⇧ + ⌥ + F import 정리 Ctrl + Alt + O ⌃ + ⌥ + O import 순서 & 불필요한 import 제거 여러행 선택 Shift + Alt + Drag ⇧ + ⌥ + Drag 마우스로 선택 지정 참조 이동 참조) https://zuyo.tistory.com/902 비주얼 스튜디오 코드(Visual Studio Code) 단축키 (Mac, Windows) 자주 사용하는 비주얼 스튜디오 코드..

  Read More
• 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