DATA101

👨‍💻 들어가며 본 포스팅에서는 이클립스를 활용하여 간단한 정적(static) 웹 페이지를 만드는 과정을 소개합니다. 구체적으로, 메인 페이지와 2개의 페이지로 총 3개의 페이지를 만들고, 메인 페이지에서 다른 2개의 페이지로 하이퍼링크를 통해 넘어가는 방법을 소개합니다. 1. 개발 Step 1. 이클립스 실행 먼저, 이클립스를 실행합니다. Step 2. Web 개발 모드 변경 이클립스 내 우측 상단에 보면 돋보기 아이콘이 있습니다. 아래의 스크린샷처럼, 돋보기 아이콘 우측에 위치해 있는 Open Perspective 아이콘을 클릭합니다. 아래에서 두 번째에 있는 Web을 선택하고 하단에 Open 버튼을 클릭합니다. Step 3. Static Web Project 생성 상단 메뉴바에서 File > New..

📚 목차 1. 파일 생성하기 2. 내용 작성 3. 저장 및 종료 4. 편집 및 저장 1. 파일 생성하기 1) 기본 명령어 cat > 파일명.확장자명 2) 메모장 생성 예시 cat > memo.txt 3) 파이썬 파일 생성 예시 cat > main.py 2. 내용 작성 생성한 파일에 작성하고 싶은 내용을 마음껏 작성하시면 됩니다. 3. 저장 및 종료 내용을 모두 작성하고 편집을 종료하고 싶다면 키보드 control과 z버튼을 동시에 눌러줍니다. 4. 편집 및 저장 파일 내용을 편집하는 명령어는 아래와 같습니다. vi 파일명.확장자명 명령어 입력 후 엔터를 눌러주시면 아래와 같이 기존에 저장한 내용이 나옵니다. 메모장처럼 바로 편집은 불가하고, 키보드 i 버튼을 클릭하면 아래와 같이 편집 기능이 활성화됩니다..

1. Erlang OTP 설치 OS에 맞게 Erlang OTP를 설치합니다. 저는 윈도우10 64비트를 사용 중이며 OTP 24.1.7 64bit를 설치했습니다. https://erlang.org/download/otp_versions_tree.html OTP Versions Tree The main track including the maintenance branch of the current release erlang.org 2. RabbitMQ 서버 설치 RabbitMQ 서버를 설치합니다. 저는 3.9.11 버전을 설치했습니다. https://www.rabbitmq.com/install-windows.html Installing on Windows — RabbitMQ Installing on Win..

❗️ 에러 메시지 컴파일 중 아래와 같은 에러를 마주하였습니다. 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 = ..