본문 바로가기

Dev134

Git 사용법: 원격 저장소, 복제, 커밋, 푸시, 풀, 머지 충돌 해결, remote Repository, clone,commit, push, pull,merge conflict Git 사용법: 원격 저장소, 복제, 커밋, 푸시, 풀, 머지 충돌 해결 [ remote Repository, clone, commit, push, pull, merge conflict ] 소개 Git은 버전 관리 시스템(VCS)으로, 코드와 파일의 변경 이력을 효과적으로 관리하는 도구입니다. 이 블로그 포스팅에서는 Git의 주요 기능과 사용법을 설명하고, 원격 저장소에 대해 자세히 알아보겠습니다. 원격 저장소를 추가하고, 복제하며, 변경사항을 커밋하고, 푸시하고, 풀하며, 머지 충돌을 해결하는 방법을 다룰 것입니다. 1. 로컬 저장소 만들기 로컬에서 Git을 사용하기 위해 저장소를 만들어야 합니다. 다음 명령어로 빈 디렉토리에 Git 저장소를 생성할 수 있습니다. git init 2. 파일 커밋하기 로.. 2023. 8. 3.
session method 세션 메소드 .setAttribute() .getAttribute() .invalidate() .setMaxInactiveInterval() .isNew() 세션 메소드: 유용한 세션 관리 기능들 서론 웹 애플리케이션에서는 사용자의 상태를 유지하고 데이터를 저장하는 데 세션(session)이 매우 중요합니다. 세션은 클라이언트와 서버 간의 상태 정보를 저장하는 데 사용되며, 사용자가 웹 사이트를 둘러보는 동안 일시적인 데이터를 보존하는 데 유용합니다. 자바 웹 애플리케이션에서는 세션 관리를 위해 다양한 메소드를 제공합니다. 이 글에서는 자바의 세션 메소드를 소개하고, 각 메소드의 사용법과 기능을 살펴보겠습니다. 세션 메소드 개요 자바 웹 애플리케이션에서는 javax.servlet.http.HttpSession 인터페이스를 통해 세션과 관련된 다양한 메소드를 사용할 수 있습니다. 각 메소드는 세션의 속성(attribute)을 설정하거나 가져오는 데 사용되며, .. 2023. 7. 31.
[자바스크립트/jQuery] input checkbox name값, value 값으로 체크하기 자바스크립트/jQuery로 Input checkbox를 Name과 Value 값으로 체크하기 소개 이 블로그 포스팅은 자바스크립트와 jQuery를 이용하여 HTML 입력 폼인 input checkbox의 Name과 Value 값으로 체크하는 방법에 대해 설명합니다. 일반적으로 체크박스를 생성할 때는 동일한 Name을 가진 여러 개의 값을 저장해야 할 때가 있습니다. 이때, 배열로 값을 저장하는 방법이 자주 사용됩니다. 하지만 이렇게 저장된 값을 불러와 체크박스를 선택하는 것은 조금 까다로울 수 있습니다. 하지만 Name과 Value를 동시에 사용하여 체크박스를 선택하는 방법을 알면 간단하게 처리할 수 있습니다. 본문 Name과 Value 값으로 체크박스 선택하기 - JQuery 보통 체크박스를 생성할 때.. 2023. 7. 29.
안드로이드 html 웹뷰 Javascript 모바일 웹 주소창 없애기 / 모바일 크롬 브라우저 테마 색상 변경 색깔 주소창이 꼴 보기 싫은 것도 아닌데 모바일의 작은 화면으로 보자니 그 1cm도 아까운가 보다. 아? 아닌가? 아무튼... 흠흠. 모바일웹은 현대인에게 필수인데, 초보 제작자에게는 고민인 부분이다. 분명 필요해서 보이게 해 놨을 텐데, 미적 감각으로 '크롬 모바일 주소창 없애기', '모바일 브라우저 주소창', '웹앱 주소창 없애기', 'Javascript 브라우저 주소창 없애기', '안드로이드 주소창 숨기기', 'Html 주소창 없애기' 검색이 많다. 일단, 앱 개발자들은 웹뷰에서 주소창이 사라지기를 바라는 것이겠고, 모바일웹 개발자들은 모바일웹 화면에서 1cm라도 더 화면을 넓게 보여주기 위해서 모바일 주소창 자동숨김이 일어나기를 바라는 것일 것이다. 대체로 안드로이드 폰에서는 모바일 크롬에서 javas.. 2023. 7. 10.
티스토리 jsFiddle 연동 JS피들 사용법 블로그에 코드 공유하는 방법 codePen CodeSandbox. 코드블럭 codePen, CodeSandbox, jsFiddle 이란? 어떻게 활용할까? 안녕하세요, 여러분. 오늘은 프론트엔드 개발에 있어 매우 중요하고 효율적인 도구를 소개하고자 합니다. 바로 codePen, CodeSandbox, jsFiddle입니다. 이번 포스팅에서는codePen, jsFiddle의 공유 기능과 활용법에 대해 자세히 알아보도록 하겠습니다. codePen, CodeSandbox, jsFiddle이란? codePen, CodeSandbox, jsFiddle은 웹 개발자들에게 아주 유용한 툴입니다. HTML, CSS, JavaScript 코드를 실시간으로 테스트하고 결과를 확인할 수 있습니다. 이 JS피들의 장점은 단순히 테스트만 가능한 것이 아니라, 작성한 코드를 다른 사람과 공유하거나 협업.. 2023. 7. 7.
.on(click) 메소드 jquery .click 이벤트 여러개 클릭 2개 이상 다중event 부모에게 전파 중지 .preventDefault() .stopPropagation() .stopImmediatePropagation() 자바스크립트 jQuery 이벤트 바인딩과 그 외의 메소드들 안녕하세요, 여러분! 오늘은 이벤트 바인딩과 관련된 메소드들에 대해 자세히 살펴볼 것입니다. 이벤트 바인딩이란 특정 HTML 요소에서 일어나는 행동에 대해 반응하도록 코드를 작성하는 것인데요. 이벤트 핸들러라는 함수를 작성하고 이것을 요소에 연결하는 것을 말합니다. 이벤트 바인딩의 변천사 jQuery가 발전함에 따라 이벤트를 처리하는 방법도 변해왔습니다. 초기의 jQuery 1.0에서는 .bind() 메소드를 사용하여 이벤트 핸들러를 등록했고, 그 이후 .live() 메소드와 .delegate() 메소드를 거쳐 현재는 .on() 메소드를 주로 사용하게 되었습니다. .on() 메소드는 jQuery 1.7부터 소개되었으며, 이전에 사용되던 .bind()나 .cl.. 2023. 7. 6.
일용직 소득세 계산 방법 2023년 근로소득 세율 간이세액표 갑근세 조견표 자바스크립트 계산기 2023년 근로소득 세율 변동 사항과 근로 소득세 계산 방법 매년 신경 써야 하는 주제, 바로 '소득세'에 대해 이야기해 볼까 합니다. 2023년 근로소득 세율 변동이 있었는데요, 이에 대한 내용을 잘 이해하고 적절하게 대처할 수 있도록 함께 알아봅시다. 2023년 소득세법 개정 소식 우선, 앞서 말한 2023년 소득세법 개정 소식부터 알려드리겠습니다. 그 변동 사항 중 가장 중요한 부분은 근로소득 세율의 일부 구간 변동입니다. 기존에 6%의 세율이 적용되던 과세표준액 구간이 1200만 원에서 1400만 원으로 확대되었습니다. 또한, 24% 세율 구간도 4600만 원 초과에서 5천만 원 초과로 변경되었습니다. 이 두 가지 변동 사항은 실질적으로 일반 근로자들의 세금 부담을 줄이는 효과가 있습니다. 그러나.. 2023. 7. 4.
CSS 텍스트 네온사인 만드는 방법 네온 텍스트는 웹 사이트에 독특하고 현대적인 느낌을 더할 수 있는 멋진 기능입니다. 저도 항상 네온사인의 매력에 빠져들었고, CSS를 사용하여 그 효과를 다시 만들어보고 싶었습니다. 그래서 이번에는 네온사인 효과를 텍스트에 추가하는 방법에 대해 몇 가지 유용한 팁을 공유해보고자 합니다. 또한 CSS와 키프레임을 활용하여 다양한 네온사인 효과를 구현하는 방법도 알아보겠습니다. 다음은 우리가 만들 CSS 텍스트 네온사인입니다. 텍스트에 글로우 효과 추가 글로우 효과를 텍스트에 추가해보겠습니다. 이를 위해 CSS의 text-shadow 속성을 사용할 수 있습니다. text-shadow 속성은 여러 그림자를 적용할 수 있는데, 각 그림자는 쉼표로 구분하여 지정합니다. .neonText { color: #fff;.. 2023. 6. 14.
javascript classList.toggle로 jquery addClass, removeClass, toggleClass 구현하기 / 더보기 버튼 클릭시 영역 확장 아래처럼 더 보기 버튼을 누르면 위 영역이 확장되면서 내용을 더 보여주는 컴포넌트를 구현하려고 한다. 사실 jquery라면 일도 아니지만, javascript 특히 react에서는 귀찮다. 여러분이 느끼셨을 것 같지만, JavaScript, 특히 React를 사용하면서 DOM을 선택하는 작업이 매우 번거로울 때가 많습니다. 그리고 이것은 jQuery를 사용하시던 분들에게는 특히 더 그렇게 느껴질 수 있습니다. jQuery의 힘을 알고 있는 우리에게 이는 상당히 실망스러운 측면 중 하나일 것입니다. 그러나, 이렇게 불편함을 겪고 있는 것은 저희들만은 아닙니다. 사실, 이 문제를 해결하기 위한 방법은 많습니다. 여러 가지 가능한 방법들이 있지만, 주요한 두 가지 해결책은 ref 사용과 useState 사용입.. 2022. 11. 3.
autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated. 뜻 해결 방법 /end value has mixed support, consider using flex-end instead / Node-sass incompatible with ^4.0.0 VSCODE업데이트 이후 갑자기 에러가 뜨기 시작했다. 하아...뭐야... 아 물론 내 소스는 아니다. 난 이미 해결을 했으므로... WARNING in ./node_modules/bootstrap/dist/css/bootstrap.min.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/bootstrap/dist/css/bootstrap.min.css) Module .. 2022. 10. 20.
리액트 모달창 드래그 방법 react bootstrap modal draggable jquery에서 bootstrap 모달 창을 드래그하는 방법은 굉장히 직관적이고 쉽다. 반면에 리액트 부트스트랩 콤포넌트 라이브러리를 사용하면서 react bootstrap modal draggable 하기는 쉽지 않다. 아니, 쉽다. 쉬운데 레퍼런스가 부족하다. react bootstrap, react-draggable만을 사용해서 정통으로 리액트 부트스트랩의 모달을 드래그하는 것을 웬만하면 포기하고 antd, dragm 조합으로 넘어가는 사람들이 많은 듯하다. 구글에서 react Bootstrap modal draggable주제로 검색하면, 대부분 리액트 예제를 클래스형으로 설명해두고 있다. how to make react-bootstrap modal draggable I've tried making.. 2022. 9. 13.
리액트 api axios 엑셀 다운로드 버튼 구현 react.JS filesaver.saveAs javascript blob response.headers 값에서 filename추출하기 리액트 api 엑셀 다운로드 버튼 구현 filesaver.saveAs javascript blob response.headers 값에서 filename 추출하기 리액트를 제대로 시작한지 그리 오래되지 않은 관계로, php나 angular에서는 당연하게 되는 것들이 react에서는 제약이 많은 경우가 있다. 특히 파일다운로드를 구현하는데 좀 애를 먹긴 하는데, 그게 엑셀 다운로드라면 더... 일단 엑셀 파일은 백엔드에서 만들어준다 치고... api를 통해서 axios로 token을 통해서 인증도 있어야 한다. token axios는 별제로 다루도록 하고, 일단 axios instance를 만들어 둔 프로젝트에서 엑셀 다운로드를 구현하는 법은 filesaver컴포넌트를 사용하면 간단하다. 다만 멋들어지게 f.. 2022. 2. 4.

티스토리툴바