[Git] git stash 명령어
2023. 6. 21. 21:18
형상관리/Git
git stash 명령어 Git 저장소에서 현재 작업 중인 변경 사항을 일시적으로 저장할 때 사용 현재 stage의 파일들을 임시저장 할 수 있음 저장하기 현재 작업 중인 변경 사항을 저장 변경 사항은 스택에 저장되며, 선택적으로 메시지 작성 가능 git stash # or git stash save [] 목록보기 스택에 저장된 모든 stash 목록보기 각 stash에는 고유한 식별자 (ex - stash@{0}, stash@{1}) 와 메시지 포함 git stash list 적용하기1 - 적용 후 리스트에 유지 가장 최근에 저장한 stash 적용 stash 식별자 지정하면 특정 stash 적용 git stash apply # or git stash apply stash@{숫자} 적용하기2 - 적용 후 ..
[HTML] html canvas 사용하기
2023. 6. 20. 20:43
프로그래밍/HTML
canvas 사용하기 html 기본 element인 canvas를 사용하여 서명하고 api로 보내주는 코드를 작성해봄 html 코드 저장 지우기 닫기 javascript 코드 const signatureButton = document.getElementById('signatureButton'); const canvasModal = document.getElementById('canvasModal'); const canvas = document.getElementById('canvas'); const context = canvas.getContext('2d'); let isDrawing = false; // Handle button click event function handleSignatureClick..
[React] react-to-print 사용 방법
2023. 6. 19. 19:14
프로그래밍/React
react-to-print 사용 방법 react-to-print 설치 npm install react-to-print # or yarn add react-to-print react-to-print 간단한 예제 components 인쇄 import React, { useRef } from 'react'; import ReactToPrint from 'react-to-print'; import { ComponentToPrint } from './ComponentToPrint'; const Example = () => { const componentRef = useRef(); return ( Print this out!} content={() => componentRef.current} /> ); }; us..
[React] CSR(Client-side Rendering)과 SSR(Server-side Rendering)의 차이
2023. 6. 16. 20:25
프로그래밍/React
CSR(Client-side Rendering)과 SSR(Server-side Rendering)의 차이점 웹 애플리케이션의 렌더링 방식에 차이가 있음 클라이언트 사이드 렌더링 (CSR) 클라이언트에서 JavaScript를 사용하여 웹 애플리케이션의 UI를 렌더링 초기 요청에는 서버에서 정적 파일(HTML, CSS, JavaScript)을 제공하고, 이후에 클라이언트에서 API 요청을 통해 데이터를 가져와 동적으로 UI를 업데이트 서버는 단순히 정적 파일을 제공하므로, 서버 부하가 적고 클라이언트 측에서 더 많은 작업을 수행 초기 로딩 속도가 느릴 수 있으며, 검색 엔진 크롤러가 웹 페이지의 내용을 파악하기 어려울 수 있음 서버 사이드 렌더링 (SSR) 서버에서 JavaScript를 사용하여 웹 애플리케..
[React] 디바이스 구분하기
2023. 6. 15. 20:48
프로그래밍/React
리액트에서 디바이스 구분하기 export const isAndroid = () => { return /android/i.test(navigator.userAgent); } export const isiOS = () => { return /iphone|ipad/i.test(navigator.userAgent); } export const isiPhone = () => { return /iphone/i.test(navigator.userAgent); } export const isiPad = () => { return /ipad/i.test(navigator.userAgent); } export const isMobile = () => { return isAndroid() || isiOS(); } expor..
[React] 간단한 모달 띄우기
2023. 6. 14. 20:24
프로그래밍/React
리액트 모달 띄우기 react-modal 라이브러리를 활용한 간단한 모달 띄우기 react-modal 설치 npm install react-modal Modal 컴포넌트 설치 import React, { useState } from 'react'; import Modal from 'react-modal'; const ModalExample = () => { const [modalIsOpen, setModalIsOpen] = useState(false); const openModal = () => { setModalIsOpen(true); }; const closeModal = () => { setModalIsOpen(false); }; return ( 모달 열기 모달 제목 모달 내용 닫기 ); }; ex..
[Git] 충돌 오류로 stash pop 안되는 경우
2023. 6. 13. 20:09
형상관리/Git
stash pop 충돌 오류로 파일이 안가져와지는 경우 파일의 충돌 해결 후 다시 git stash pop 해보지만 충돌 파일때문에 계속 안가져와지는 경우 해결 방법 중 하나는 새로운 브랜치를 따서 작업하는 것 git stash branch 브랜치를 생성하고 stash 적용 git stash branch [] stash를 저장할 새로운 브랜치 명을 지정 스태시 식별자의 경우 선택사항이며, 특정 스태시 지정 가능. 기본적으로 가장 최근 스태시 적용됨 위의 명령어를 실행하면 1. 새로운 브랜치 생성 2. 스태시의 변경 사항이 새로운 브랜치에 적용 3. 적용된 스태시는 목록에서 제거 기존 브랜치는 삭제해도 됨
HTTP 상태 코드별 의미 정리
2023. 6. 12. 23:16
프로그래밍/관련 정보
HTTP 상태 코드 HTTP 상태 코드는 웹 서버와 클라이언트 간의 통신 과정에서 발생하는 상태를 나타냄 1xx (Informational - 정보성 응답) 100: Continue (요청의 일부를 받았으며, 계속해서 나머지를 요청할 수 있음) 101: Switching Protocols (서버가 요청에 대한 프로토콜을 변경함) 2xx (Successful - 성공적인 응답) 200: OK (요청이 성공적으로 처리됨) 201: Created (요청이 성공적으로 처리되어 새로운 리소스가 생성됨) 204: No Content (요청은 성공적으로 처리되었지만, 응답에 내용이 없음) 3xx (Redirection - 리다이렉션) 301: Moved Permanently (요청한 리소스가 새 URL로 영구적으로 ..