Hey Tech

❗️ 에러 메시지 컴파일 중 아래와 같은 에러를 마주하였습니다. Error: Could not find or load main class 패키지명.자바명 Caused by: java.lang.ClassNotFoundException: 패키지명.자바명 💡 원인 해당 에러의 원인은 이클립스 내 자바 라이브러리가 제대로 설정되어 있지 않기 때문입니다. 먼저, 코드 내 패키지, 클래스 이름, 파일명 등에 오탈자가 없는지 확인해 봅니다. 그럼에도 위와 같은 에러가 발생한다면, 아래의 해결방법을 참고해 주세요. ✅ 해결방법 Step 1. 프로젝트 Properties 접근 프로젝트 이름 우측 클릭 후 Properties 클릭합니다. Step 2. JRE System Library 체크 1) 좌측 메뉴바에서 Java ..

📌 들어가며 React Hook을 활용하여 웹 페이지에서 카톡 플러스 친구 채널과 1:1 채팅을 연결하는 기능이 포함된 버튼을 만드는 과정을 소개합니다. 📚 목차 1. 카톡 플러스 친구 생성 2. 카톡 앱 서비스 생성 3. 카카오 SDK 추가 4. 채팅 기능 추가 5. 결과 1. 카톡 플러스 친구 생성 연결할 카톡 플러스 친구 채널을 생성합니다. https://center-pf.kakao.com/ 카카오톡 채널 관리자센터 세상의 모든 비즈니스를 완성합니다. 지금 무료로 만들어 새로운 비즈니스 홈을 경험하세요. center-pf.kakao.com 2. 카톡 앱 서비스 생성 아래 링크를 통해 카톡 앱 서비스를 생성합니다(그림 1). https://developers.kakao.com/console/app 카..

📚 목차 1. AS IS: 동일 파일 업로드 불가한 경우 2. 해결방법 3. TO BE: 동일 파일 업로드 가능한 경우 1. AS IS: 동일 파일 업로드 불가한 경우 아래의 예시로 상황을 설명해 드립니다(그림 1). 파일 업로드 시(i.e., onChange) 팝업이 뜨는 로직을 작성하였습니다. 헌데, 같은 파일을 업로드할 경우 이후 로직이 수행되지 않는 것을 확인하실 수 있습니다. 2. 해결방법 { this.onFileChange(e); e.target.value = ''; }}/> input 태그에서 onChange 옵션에서 파일 업로드 로직 호출 후 event에서 value를 초기화하면 해결 가능합니다. 3. TO BE: 동일 파일 업로드 가능한 경우 코드를 적용하면 위의 그림 2와 같이 같은 파..

📚 목차 1. 404 에러 의미 2. 404 에러 시 리턴 페이지 만들기 3. 결과 1. 404 에러 의미 404 Error는 HTTP에서 파일을 찾지 못 할 시 발생하는 에러 코드입니다. 여기서 맨 앞 숫자 4는 클라이언트 오류를 의미하는 숫자이며, 뒤의 숫자 2개는 구체적인 에러 코드입니다. 이 에러는 서버를 찾긴 했으나 URL에 해당되는 페이지(파일)를 찾을 수 없을 때 발생합니다. 즉, 아래의 그림 1처럼, 개발해 놓지 않은 URL로 접근할 경우, 이에 대응하는 페이지를 리턴하여 사용자에게 올바른 경로로 접근하라고 안내할 수 있습니다. 2. 404 에러 시 리턴 페이지 만들기 리액트에서 404 에러 발생 시 반환할 페이지를 만들어 봅니다. 1) 패키지 설치 npm i react-router-dom..

본 포스팅에서는 파이썬에서 리스트 내 딕셔너리를 정렬하는 방법을 소개합니다. 💡 솔루션 여러 방법이 있겠지만 itemgetter 메소드를 활용하면 간단히 해결 가능합니다. 아래 예제를 보시면 쉽게 이해하시고 적용하실 수 있을 겁니다. 패키지 import from operator import itemgetter operator 패키지는 파이썬 내장 패키지이므로 따로 설치할 필요 없습니다. 예제 리스트 members = [{'name' : 'Ben', 'age': 32}, {'name' : 'Austin', 'age': 29}, {'name' : 'Kate', 'age': 20}, {'name': 'Aria', 'age': 23}] 정렬 members_sorted = sorted(members, key = ..

🛠 테스트용 숫자 100조를 준비해 봤습니다. let testNum = 100000000000000; 숫자형 변수를 코드 맨 앞에 입력해 줍니다. [Number].toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',') ✅ 실행 결과 아래와 같이 정상적으로 콤마를 붙여준 것을 확인하실 수 있습니다. 포스팅 내용에 오류가 있을 경우 댓글 남겨주시면 감사드리겠습니다. 그럼 오늘도 행복한 하루 보내시길 바랍니다😊 고맙습니다.

🛠 branch 삭제 방법 터미널에서 아래와 같은 명령어와 함께, 삭제할 branch 이름을 입력해 줍니다. git branch -d [삭제할 branch 이름] 👨‍💻 결과 포스팅 내용에 오류가 있을 경우 댓글 남겨주시면 감사드리겠습니다. 그럼 오늘도 행복한 하루 보내시길 바랍니다😊 고맙습니다.

파이썬에서 2개의 리스트 간에 겹치는 원소를 제거하는 방법, 즉 차집합을 구현하는 방법을 알아봅니다. 아래와 같이 2개의 리스트가 있다고 가정해 보겠습니다. list1 = ['a', 'b', 'c', 'd'] list2 = ['b', 'd'] ❌ 잘못된 방법 리스트끼리 합집합인 원소 합치기는 덧셈(+)으로 가능합니다. 하지만, 차집합을 위한 뺼셈은 지원하지 않습니다. list1-list2 결과 ✅ 올바른 방법 아래와 같은 리스트 컴프리헨션(List Comprehension)으로 쉽게 연산이 가능합니다. sub_set = [x for x in list1 if x not in list2] 결과를 출력해 봅니다. sub_set 결과 포스팅 내용에 오류가 있을 경우 댓글 남겨주시면 감사드리겠습니다. 그럼 오늘도..