bugdict의 등록된 링크

 bugdict로 등록된 티스토리 포스트 수는 83건입니다.

전기전자 복학생을 위한 완벽한 가이드 - 전공 학습과 인턴 준비 [내부링크]

군대 등의 여러가지 이유로 휴학을 마치고 돌아온 전기전자공학과 2,3학년분들의 복학 준비를 위한 글입니다. 전기전자공학과의 교과과정 확인하기 일반적으로 전기전자공학과의 커리큘럼은 1, 2학년 때 기초 과목을 통해 전공 학습에 필요한 필수 개념을 배우고, 3학년부터는 본격적인 전공 학습으로 나아가는 구조입니다. 아래 3개의 교과과정 표를 보며 이를 확인해 봅시다. 전공 학습에 필요한 개념 복습하기 휴학 후에 돌아오게 되면 교과과정 표에서 볼 수 있는 학습의 연속성이 끊겼을 수 있으니, 휴학 이전에 학습했던 기초 과목들을 복습하는 것이 추천됩니다. 그러나, 전체 내용을 다시 공부하는 것은 다소 비효율적이므로, 아래와 같이 주요 개념들을 우선적으로 복습해보시는 걸 추천드립니다. 본격적으로 전공학습이 시..

전기전자공학과 학생의 과제/독학/취업/진학을 위한 유용한 사이트 총정리 [내부링크]

전기전자공학과 대학생의 과제/독학/취업/진학을 위한 유용한 사이트들을 전부 모았습니다. 과제를 위한 유용한 사이트 모음 Chatgpt https://chat.openai.com/ GPT 기반의 인공지능 챗봇 사이트. 프롬프트 엔지니어링을 통해 아래와 같은 작업들을 수행할 수 있습니다. 1. 개발 프로젝트에 대한 코드 및 보고서 작성 2. 실험 과목의 보고서 작성 3. 전공/교양과목의 개념 학습 및 질의 응답 챗봇으로 활용 4. 영어등의 외국어 이메일/에세이 작성 및 문법 교정 카카오 기술 블로그의 프롬프트 엔지니어링 방법 설명 https://tech.kakaoenterprise.com/188 ※ 현재 유료버전은 웹브라우징 기능과 플러그인 기능을 추가로 지원, 그래프작성 및 통계분석에 특화된 기능은 베타테..

전기전자공학과 학생이 전력 분야 직무로 취업하려면? [내부링크]

전력분야의 공기업이나 사기업에 취업을 희망하는 전기전자공학과 학생들이 효과적으로 준비할 수 있는 방법에 대해 알아봅시다. 이 분야에 입문하기 위해 필요한 자격증, 과목, 기술, 그리고 각 기업의 특징 등을 소개하며, 취업 전략을 제시합니다. 직무 소개 전력 엔지니어는 일반적으로 전력 시스템의 설계와 운영에 참여하며, 이는 발전소의 운영, 전력 그리드의 관리, 그리고 신재생 에너지 소스의 통합 등 다양한 업무를 포함합니다. 또한, 전력 시스템의 안정성과 효율성을 유지하고 개선하기 위한 다양한 전략을 개발하고 실행하는 것도 이 직무의 중요한 부분입니다. 전력 분야의 직무는 공공 및 민간 부문 모두에서 중요한 역할을 합니다. 공공 부문에서는 국가 전력 그리드의 관리와 규제, 그리고 재난 시의 전력 공급 안정성..

전기전자공학과 학생이 통신 분야 직무로 취업하려면? [내부링크]

전기전자공학과 대학생의 입장에서 통신 분야 직무로 취직을 생각중이라면 알아야 할 정보를 모은 글입니다. 직무 소개 통신 분야는 네트워크 시스템의 설계, 구축, 운영, 유지 보수 등을 관리하는 업무를 담당합니다. 이 분야의 전문가들은 정보를 안전하고 효율적으로 전송하기 위해 다양한 통신 기술과 프로토콜을 활용하며, 고객의 요구사항을 충족시키는 솔루션을 개발합니다. 통신 직무의 특징 통신 직무는 정보와 데이터의 효율적인 전달과 교환에 집중한 분야입니다. 이 분야에서 일하는 전문가들은 다양한 전기전자공학 지식을 바탕으로 통신 시스템의 설계, 구현, 유지보수에 헌신하며, 그들의 업무는 통신 네트워크와 시스템의 성능 최적화를 향해 집중적으로 이루어집니다. 전문성이 요구됩니다. 통신 직무는 전기, 전자, 컴퓨터 공..

전기전자공학과 학생이 회로 설계 분야로 취업하려면? [내부링크]

전기전자공학과 대학생의 입장에서 회로설계 직무로 취직을 생각중이라면 알아야 할 정보를 모은 글입니다. 직무 소개 회로설계 전공자는 전기 및 전자 회로를 설계하고 분석하는 직무를 담당합니다. 크게는 아날로그 회로와 디지털 회로를 다루는 직무로 나뉩니다. 아날로그 회로는 연속적인 신호를 처리하는 회로로, 주로 신호 처리와 연산을 다룹니다. 예를 들어, 오디오 신호 처리 회로, 필터 회로, 증폭기 등이 아날로그 회로의 예입니다. 아날로그 회로 설계 전문가들은 전체 시스템의 일부분으로 동작하는 IP(Intellectual Property)를 개발하는 회사에서 많이 활동합니다. 이러한 IP는 다른 회사에서 사용되어 특정 기능을 수행하거나 시스템 전체의 성능을 향상시키는 역할을 합니다. 반면에 디지털 회로는 디지털..

전기전자공학과 학생이 개발자 직무로 취업하려면? [내부링크]

전기전자 공학과 대학생의 입장에서 개발자로 취직을 생각중이라면 알아야 할 정보를 모은 글입니다. 직무 소개 소프트웨어 개발자는 컴퓨터 프로그램을 만들고 개선하는 직무입니다. 전기전자 전공자로서 소프트웨어 개발자로 취업하기 위해서는 크게 두 가지 방법이 있습니다. 1. 네카라쿠배로 대표되는 IT회사에 취직하기 2. 삼성전자나 하이닉스로 대표되는 제조업 회사의 SW 직군에 취직하기 IT회사는 AI, Web/App FE/BE, 클라우드 컴퓨팅 분야의 일을 주로 수행하고, 제조업 sw는 펌웨어나 임베디드 분야의 개발을 진행하거나 제품의 생산공정 등을 제어하고 관리하는 프로그램을 개발하는 일을 주로 수행합니다. 개발자 직무의 장단점 장점 1. 실력에 따른 보상: 소프트웨어 개발자는 능력에 비례하여 대우와 급여를 ..

ChatGPT + OverTheWire Bandit로 리눅스 명령어 학습하기 [내부링크]

ChatGPT와 OverTheWire Bandit를 활용한 효율적인 리눅스 명령어 학습법을 제시하는 글입니다. 리눅스 명령어 활용의 중요성 리눅스는 전 세계의 서버, 슈퍼컴퓨터, 임베디드 시스템 등 다양한 분야에서 널리 사용되는 운영 체제입니다. 그러므로 리눅스를 이해하고 활용할 수 있는 능력은 IT 개발자에게 필수적인 스킬로 여겨집니다. 특히 다음과 같은 이유로 리눅스 명령어 학습은 매우 중요합니다. 보안: 리눅스 시스템은 높은 수준의 보안성을 제공합니다. 보안 전문가는 리눅스 명령어를 통해 시스템의 취약점을 파악하고, 보안 조치를 취할 수 있습니다. 커스터마이징: 리눅스는 오픈 소스 운영 체제로서, 사용자가 자유롭게 시스템을 수정하고 개선할 수 있습니다. 이를 위해서는 리눅스 명령어에 대한 이해가 필..

HTMLImgRelocater 개발기 - 파이썬 실행 파일 배포하기 [내부링크]

HTMLImgRelocater 개발과정과 파이썬 실행 파일 배포하는 방법에 대한 글입니다. 제작 동기 구글 독스로 작업을 하던 중 인디자인에서의 이미지 링크 작업을 위해 원본 이미지 파일들을 정렬할 필요가 있었다. 그래서 html파일에 언급된 순서대로 사진에 번호를 붙여 넘버링을 하는 간단한 파이썬 코드를 작성하여 활용하였다. import os import re import shutil import urllib.parse #다운로드한 html파일의 이름 ex) index.html HTML_FILE_NAME="index.html" #다운로드한 이미지 폴더의 이름 ex) images IMAGES_FOLDER_NAME="images" RELOCATED_FOLDER_NAME="Relocated_images" #..

원본 이미지 폴더 다운로드 방법 및 이미지 정렬 프로그램 활용 : HTMLImgRelocater [내부링크]

원본 이미지 폴더 다운로드 방법과 이미지 정렬 프로그램 HTMLImgRelocater의 활용방법에 대해 설명하는 글입니다. 원본 이미지 폴더 다운로드하기 구글 독스나 노션에서 전자책 내용을 작성하고, 인디자인과 같은 도구로 디자인하려면 디자인 링크 작업을 위해 책 안의 이미지들에 대한 원본 파일 폴더가 있어야 합니다. 이를 위해 웹페이지의 html을 다운로드하는 방식으로 원본 이미지 폴더를 다운 받으실 수 있습니다. 구글 문서와 노션에는 웹 페이지로 전체 문서를 다운로드하는 기능이 내장되어 있어, 한 번에 여러 이미지를 받으실 수 있습니다. 원본 이미지 폴더 다운로드 방법 원본 이미지 파일 다운로드 방법은 아래와 같습니다. 웹 페이지 html로 다운로드하기 (Google Docs) 상단 메뉴에서 파일을 ..

티스토리 API요청 사이트 개발기 - CORS에러 해결 [내부링크]

티스토리 API를 위한 access_token 발급 사이트 티스토리 API 이용을 위한 사이트를 만드는 개발과정에서 다룬 문제에 대해 다루는 글이다. 사이트 제작동기 전자책 작성 과정 중에 티스토리 글 포스팅을 자동화하는 과정을 작성할 필요가 있었다. 포스팅 자동화를 위해서는 티스토리 글쓰기 api를 활용해야하고, api활용에는 access_token을 얻는 과정이 요구되었다. access_token을 얻는 과정이 개발에 친숙하지 않은 사람에게는 어려울 수 있어, 이 과정들을 그대로 넣기에는 "모두가 쉽게 따라할 수 있는 책"이라는 책의 취지에 맞지 않을 것 같다는 생각이 들었다. 그래서 티스토리 api를 사용하기 위해 필요한 access_token,catecory_id 등을 개발에 친숙하지 않은 분들도..

티스토리 API 이용을 위한 access_token 발급 사이트 [내부링크]

사이트 소개 티스토리 API 이용에 필요한 access_token, catecory_id등을 쉽게 발급할 수 있는 사이트입니다. 사이트 링크: https://tistoryapi.netlify.app API 요청 페이지 사용방법: Tistory 개발자센터 (https://www.tistory.com/guide/api/manage/register) 에 접속하여 앱 등록을 진행합니다. 이때 서비스 URL,CallBack 입력창에는 자신의 티스토리 주소를 입력합니다. 주소 입력 예시 : https://블로그이름.tistory.com/ 등록한 앱 화면의 App ID와 Secret Key을 복사하여 이 사이트의 "client_id"와 "client_secret" 입력창에 붙여넣습니다. 이 사이트의 "redirect..

[Python] "command not found: pip" 해결 [내부링크]

Python에서 발생한 "command not found: pip" 에러 해결 방법에 대해 설명합니다. 이 글에서는 에러 상황과 원인, 해결 방법을 자세하게 다룹니다. 문제상황 에러가 발생한 코드: import requests url = "https://api.example.com/data" response = requests.get(url) print(response.json()) 위의 코드는 외부 API에서 데이터를 가져오기 위해 requests 모듈을 사용하고 있습니다. 이 코드는 웹에서 JSON 형식의 데이터를 가져와 출력하는 간단한 코드입니다. 에러로그 내용: command not found: pip 원인분석 이 에러는 일반적으로 pip라는 패키지 관리자가 시스템에 설치되어 있지 않거나, 설치된..

[C++] "invalid use of member function" 해결 [내부링크]

이 글에서는 C++에서 발생하는 "invalid use of member function" 에러의 원인 및 해결 방법에 대해 자세히 설명하고 있습니다. 실무에서 사용될 수 있는 코드 예제를 기반으로, 에러의 발생 원인을 분석하고 몇 가지 해결 방법을 제시합니다. 문제상황 아래와 같은 에러가 발생한 코드를 살펴보겠습니다. #include #include #include class Employee { public: Employee(const std::string& name, int age, double salary) : m_name(name), m_age(age), m_salary(salary) {} bool is_higher_salary(const Employee& other) const { return ..

[C++] "Incomplete Types" 해결 [내부링크]

이 글에서는 C++에서 발생하는 "incomplete types" 에러를 이해하고 이를 해결하는 방법을 설명합니다. 문제상황 // main.cpp #include #include "Container.h" int main() { Container container; container.addItem(10); container.addItem(20); std::cout

[C++] "no matching function for call to 'function_name'" 해결 [내부링크]

이 글에서는 C++에서 흔히 발생하는 "no matching function for call to 'function_name'" 에러를 해결하는 방법에 대해 설명합니다. 문제 상황과 원인 분석, 그리고 두 가지 해결 방법을 자세히 살펴봅니다. 문제상황 아래는 실무에서 사용될 수 있는 코드의 예시입니다. 이 코드에서는 사용자 정의 클래스 CustomVector와 이 클래스의 인스턴스를 정렬하는 함수 sort_custom_vectors를 사용하고 있습니다. #include #include #include class CustomVector { public: int x, y; CustomVector(int x, int y) : x(x), y(y) {} }; bool compare_custom_vectors(co..

[Verilog] "ERROR:HDLParsers:164 - "와 "ERROR:NgdBuild:924" 해결하기 [내부링크]

이 글에서는 Verilog 코드 작성 중 일반적으로 발생하는 "ERROR:HDLParsers:164 - "와 "ERROR:NgdBuild:924" 에러에 대해 알아보고, 이러한 에러를 해결하는 방법을 자세히 설명합니다. 문제상황 다음은 실무에서 사용될 수 있는 Verilog 코드의 일부입니다. 이 코드는 32비트 ALU를 구현한 것입니다. module ALU_32bit(input [31:0] A, B, output [31:0] Y, input [2:0] ALU_Control); wire [31:0] AND_out, OR_out, ADD_out, SUB_out, SLT_out; wire [31:0] outputs [4:0]; and_32 a1(AND_out, A, B); or_32 o1(OR_out, A,..

[C#] "TypeInitializationException" 해결 [내부링크]

본 글에서는 C#에서 발생하는 TypeInitializationException 에러에 대한 원인 분석 및 해결 방법을 자세하게 소개하고 있습니다. 문제상황 public class DatabaseManager { private static SqlConnection _connection; static DatabaseManager() { string connectionString = ConfigurationManager.ConnectionStrings["DefaultConnection"].ConnectionString; _connection = new SqlConnection(connectionString); } public static DataTable ExecuteQuery(string query) { ..

[C#] "FormatException" 에러 해결 [내부링크]

이 글에서는 C# 개발 과정에서 발생할 수 있는 FormatException 에러에 대해 설명하고, 실무 코드 예제를 통해 원인 분석 및 해결 방법을 제시합니다. 문제상황 (에러가 발생한 코드) using System; namespace FormatExceptionExample { class Program { static void Main(string[] args) { string userInput = "1234.56"; int convertedNumber = int.Parse(userInput); Console.WriteLine("Converted number: " + convertedNumber); } } } 위 코드에서는 사용자로부터 입력받은 문자열을 정수로 변환하려고 시도합니다. 이때, 문자열이 ..

[C#] "ThreadStateException" 해결 [내부링크]

이 포스트에서는 C#에서 발생하는 ThreadStateException 에러의 상세한 원인 및 해결 방법을 알아보겠습니다. 문제상황 다음과 같은 코드를 사용하여 멀티스레딩 작업을 수행하려고 합니다. using System; using System.Threading; class Program { static void Main() { Thread thread = new Thread(new ThreadStart(DoWork)); thread.Start(); thread.Suspend(); thread.Resume(); } static void DoWork() { Console.WriteLine("Hello, World!"); } } 위 코드는 메인 스레드에서 DoWork 메서드를 실행하는 새로운 스레드를 생성..

[JavaScript] "RangeError: Maximum call stack size exceeded" 해결 [내부링크]

이 포스트에서는 JavaScript를 사용하며 발생할 수 있는 RangeError: Maximum call stack size exceeded 에러에 대해 다루며, 그 원인과 해결 방법을 자세히 설명합니다. 문제상황 에러가 발생한 코드는 다음과 같습니다. function deepClone(obj) { if (typeof obj !== "object") return obj; const clone = Array.isArray(obj) ? [] : {}; for (const key in obj) { clone[key] = deepClone(obj[key]); } return clone; } const sampleObject = { a: 1, b: { c: 2, d: { e: 3 } } }; const clon..

[Verilog] "ERROR:HDLCompiler:1401" 해결 [내부링크]

Verilog에서 발생하는 ERROR:HDLCompiler:1401 에러에 대한 문제 상황, 원인 분석, 해결 방법에 대한 자세한 가이드입니다. 문제상황 예제 1 module counter(input clk, input rst, output reg [3:0] count); always @(posedge clk or posedge rst) begin if (rst) begin count = 4'b0000; end else begin count = count + 4'b0001; end end endmodule 이 코드는 4비트 카운터를 구현한 예제입니다. 클럭(clk)이 상승 에지를 만나거나 리셋(rst) 신호가 입력되면 카운터가 동작하도록 되어 있습니다. 하지만 이 코드를 컴파일하면 다음과 같은 에러로그가..

[Verilog] "ERROR:Xst:528 - Multi-source in Unit" 해결 [내부링크]

Verilog에서 발생하는 "ERROR:Xst:528 - Multi-source in Unit" 에러의 원인과 해결 방법을 상세하게 설명합니다. 문제상황 아래와 같이 공통된 출력 포트를 사용하는 두 개의 always 블록이 있는 Verilog 코드를 컴파일했습니다. module multi_source_error ( input wire clk, input wire rst, input wire [3:0] a, input wire [3:0] b, output reg [7:0] y ); always @(posedge clk or posedge rst) begin if (rst) begin y

[C언어] "malloc(): invalid size (unsorted)" 해결 [내부링크]

C 언어에서 발생하는 "malloc(): invalid size (unsorted)" 에러의 원인과 해결 방법을 설명합니다. 이 글에서는 문제 상황과 원인을 자세히 살펴보고, 해결 방법을 단계별로 설명합니다. 문제상황 에러가 발생한 코드: #include #include typedef struct { int a; int b; } SampleStruct; int main() { int n = 10; SampleStruct *arr = (SampleStruct *) malloc(n * sizeof(SampleStruct)); for (int i = 0; i

[C#] "InvalidOperationException" 해결 [내부링크]

이 글에서는 C#에서 발생하는 InvalidOperationException 에러를 자세히 다루고, 해결 방법을 제시합니다. 문제상황: using System; using System.Collections.Generic; class Program { static void Main() { List numbers = new List { 1, 2, 3, 4, 5 }; foreach (int number in numbers) { if (number % 2 == 0) { numbers.Remove(number); } } } } 위 코드는 짝수를 찾아 리스트에서 제거하는 코드입니다. 하지만 이 코드를 실행하면 InvalidOperationException이 발생합니다. 에러로그 내용: Unhandled Except..

[Java] "NoSuchMethodError" 해결 [내부링크]

Java 프로그램에서 발생하는 NoSuchMethodError 문제를 진단하고 해결하는 방법에 대해 자세히 알아봅니다. 문제상황: 다음과 같은 코드를 작성하였습니다. public class Main { public static void main(String[] args) { Calculator calculator = new Calculator(); int result = calculator.add(5, 3); System.out.println("덧셈 결과: " + result); } } class Calculator { public int add(int a, int b) { return a + b; } } 이 코드는 간단한 Calculator 클래스를 사용하여 두 개의 정수를 더하는 프로그램입니다. 에러..

[Java] "ConcurrentModificationException" 해결 [내부링크]

이 글에서는 Java에서 발생하는 ConcurrentModificationException 에러와 그 해결 방법에 대해 설명합니다. 이 에러는 멀티스레드 환경에서 발생할 수 있는 공통적인 문제입니다. 이 글에서는 이 에러의 원인과 해결 방법을 자세히 알아보겠습니다. 문제상황: 다음은 실무에서 사용되는 코드 예시입니다. 여기에서는 멀티스레드 환경에서 List 객체를 수정하려고 할 때 발생하는 에러에 대해 살펴보겠습니다. import java.util.ArrayList; import java.util.Iterator; import java.util.List; public class ConcurrentModificationExceptionExample { public static void main(String..

[Java] "NullPointerException" 해결 [내부링크]

문제상황: Java 코드에서 NullPointerException이 발생했습니다. 여러 객체들을 다루고 있고, 여기서 null 값이 발생한 것 같습니다. 이 문제를 해결하기 위해 에러 발생한 코드와 로그를 분석해보겠습니다. 에러가 발생한 코드: public class UserManager { private UserRepository userRepository; public void processUser(String userId) { User user = userRepository.findById(userId); user.setLastLogin(LocalDateTime.now()); userRepository.save(user); } } 에러로그 내용: java.lang.NullPointerExceptio..

[C#] "System.IndexOutOfRangeException" 해결 [내부링크]

문제상황: 다음의 코드는 사용자가 입력한 숫자들을 담은 리스트에서 홀수를 찾아서 다른 리스트에 추가하는 코드입니다. 그러나 코드를 실행하면 에러가 발생합니다. using System; using System.Collections.Generic; class Program { static void Main() { List numbers = new List() { 1, 2, 3, 4, 5, 6, 7, 8, 9 }; List oddNumbers = new List(); for (int i = 0; i

[Node.js] "TypeError: Cannot read property 'map' of undefined" 해결 [내부링크]

문제상황: Node.js를 사용하여 데이터를 처리하던 중, 다음과 같은 에러가 발생했습니다. 아래 코드는 배열의 요소를 제곱하는 함수를 사용하여 새로운 배열을 만드는 과정입니다. 에러가 발생한 코드: const numbers = [1, 2, 3, 4, 5]; function square(array) { return array.map(number => number * number); } const squaredNumbers = square(numbers); console.log(squaredNumbers);에러로그 내용: TypeError: Cannot read property 'map' of undefined해결방법: 에러가 수정된 코드 및 수정된 부분에 대한 주석: const number..

[Verilog] "Error: Procedural assignment to a non-register" 해결 [내부링크]

문제상황: 실무에서 사용되는 Verilog 코드를 작성하던 중, 아래와 같은 에러 로그가 발생했습니다. 에러가 발생한 코드와 이에 대한 설명: module counter ( input wire clk, input wire rst, output wire [7:0] count ); always @(posedge clk or posedge rst) begin if (rst) begin count

[Python] "KeyError" 해결 [내부링크]

문제상황: 온라인 쇼핑몰의 상품 데이터를 처리하는 코드를 작성하다가, 다음과 같은 에러가 발생했습니다. 상품 데이터는 딕셔너리 형태로 저장되어 있으며, 각 상품에 대한 정보를 추출하여 새로운 딕셔너리를 생성하려고 합니다. 에러가 발생한 코드: def process_product_data(products): new_product_data = {} for product_id, data in products.items(): price = data['price'] name = data['name'] new_product_data[product_id] = {'name': name, 'price': price} return new_product_data pr..

[Python] "RuntimeError: Working outside of application context" 해결 [내부링크]

문제상황: Flask 애플리케이션에서 데이터베이스에 쿼리를 보내려고 했으나, 아래와 같은 에러가 발생했습니다. 기본적인 Flask 애플리케이션 구조와 SQLAlchemy를 사용하여 User 모델을 생성하고 데이터베이스에 쿼리를 보내려고 했습니다. from flask import Flask, render_template from flask_sqlalchemy import SQLAlchemy app = Flask(__name__) app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///example.db' db = SQLAlchemy(app) class User(db.Model): id = db.Column(db.Integer, primary_..

[JavaScript] "Access to fetch at 'https://api.example.com/data' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource." 해결 [내부링크]

문제상황: 웹 서비스 개발 중, 클라이언트에서 다른 도메인의 API를 호출하는 코드를 작성했습니다. 이때, CORS(Cross-Origin Resource Sharing) 관련 에러가 발생했습니다. 에러가 발생한 코드: fetch('https://api.example.com/data') .then((response) => response.json()) .then((data) => console.log(data)) .catch((error) => console.error('Error:', error));에러로그 내용: Access to fetch at 'https://api.example.com/data' from origin 'http://localhos..

[JavaScript] "Uncaught TypeError: Cannot read properties of null (reading '...')" 해결 [내부링크]

문제상황: 웹 페이지에서 JavaScript를 사용하여 HTML 요소를 다루려고 할 때, 다음과 같은 에러가 발생했습니다. 에러가 발생한 코드: const btn = document.querySelector("#submitBtn"); btn.addEventListener("click", function () { // 이벤트 핸들러 코드 });에러로그 내용: Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')해결방법: 에러가 수정된 코드: document.addEventListener("DOMContentLoaded", function () { const btn = document.querySelect..

[C 언어] "Segmentation fault (core dumped)" 해결 [내부링크]

문제상황: C 언어를 사용하여 파일을 읽고 쓰기를 하는 간단한 프로그램을 작성하는 과정에서, 파일을 열고 닫는 과정에서 에러가 발생했습니다. 아래는 에러가 발생한 코드와 해당 상황에 대한 설명입니다. #include #include int main() { FILE *file; char *buffer; size_t result; file = fopen("example.txt", "r"); if (file == NULL) { fputs("파일 열기 실패", stderr); exit(1); } fseek(file, 0, SEEK_END); long fileSize = ftell(file); rewind(file); buffer = (char *)malloc(sizeof(char) * fileSize); if ..

[Python] "AttributeError: 'NoneType' object has no attribute 'click'" 해결 [내부링크]

문제상황: 파이썬을 사용하여 웹 자동화 툴을 개발하던 중, 웹 페이지의 특정 버튼을 클릭하려 했지만 에러가 발생했습니다. Selenium을 사용한 코드에서 에러가 발생했습니다. 아래는 에러가 발생한 코드입니다. from selenium import webdriver from selenium.webdriver.common.by import By driver = webdriver.Chrome(executable_path="chromedriver_path") driver.get("https://example.com/login") username_input = driver.find_element(By.ID, "username") password_input = driver.find_element(By.ID, "p..

[Python] "AttributeError: 'NoneType' object has no attribute 'shape'" 해결 [내부링크]

문제상황: 머신러닝 모델 개발 중 데이터 전처리 과정에서 에러가 발생했습니다. 아래 코드는 이미지 데이터를 불러와 전처리하는 과정을 담고 있습니다. import cv2 import numpy as np def load_and_preprocess_image(image_path): image = cv2.imread(image_path) image = cv2.cvtColor(image, cv2.COLOR_BGR2GRAY) image = cv2.resize(image, (224, 224)) return image image_path = "example.jpg" preprocessed_image = load_and_preprocess_image(image_path) print(preprocessed_image.s..

[Java] "Error: constructor Animal in class Animal cannot be applied to given types" 해결 [내부링크]

문제상황: Java에서 클래스 상속을 사용하여 프로젝트를 진행하던 중 다음과 같은 에러가 발생했습니다. 에러 발생 코드는 실무에서 사용될 수준의 코드입니다. 에러가 발생한 코드: public class Animal { private String name; public Animal(String name) { this.name = name; } public void speak() { System.out.println("I'm an animal"); } } public class Dog extends Animal { private String breed; public Dog(String name, String breed) { super(name); this.breed = breed; } @Overrid..

[Java] "No qualifying bean of type... found for dependency" 해결 [내부링크]

문제상황: Spring Boot를 사용하여 개발을 진행하던 중, 서비스 레이어에서 의존성 주입을 위해 @Autowired 어노테이션을 사용했습니다. 하지만 ProductService 클래스에 @Service 어노테이션이 누락되어 있어서 아래와 같은 에러 로그가 발생했습니다. 에러가 발생한 코드: // ProductService.java package com.example.demo.service; import com.example.demo.domain.Product; import com.example.demo.repository.ProductRepository; import org.springframework.beans.factory.annotation.Autowired; import java.util.L..

[C언어]"Error in `./a.out': malloc(): memory corruption (fast): 0x0000000001a1d030"해결 [내부링크]

문제상황: C 언어로 개발하던 중 동적할당을 활용한 코드에서 에러가 발생했습니다. 에러가 발생한 코드: #include #include typedef struct { int id; char name[20]; } Employee; int main() { Employee* empList; int empCount = 5; empList = (Employee*)malloc(empCount * sizeof(Employee)); for (int i = 0; i

[C언어] "Segmentation fault (core dumped)" 해결 [내부링크]

문제상황: 다음 코드는 배열을 동적으로 할당한 후, 포인터를 사용하여 배열에 접근하려고 합니다. 하지만 실행시 "segmentation fault" 에러가 발생하며 프로그램이 종료됩니다. #include #include int main() { int *arr; int size; printf("Enter the size of the array: "); scanf("%d", &size); arr = (int *) malloc(size * sizeof(int)); for (int i = 0; i

[Java] "NoSuchBeanDefinitionException" 해결 [내부링크]

문제상황: Spring Boot를 활용하여 서버 개발 중, 사용자 프로파일을 가져오는 코드에서 에러가 발생했습니다. 사용자 프로파일을 관리하는 UserService 클래스를 사용하여 사용자 프로파일 정보를 가져오려고 했으나, NoSuchBeanDefinitionException이 발생했습니다. 에러가 발생한 코드: @RestController public class UserController { @Autowired private UserService userService; @GetMapping("/user/{id}") public UserProfile getUserProfile(@PathVariable Long id) { return userService.getUserProfile(id); } }에러로그..

[C++] "ambiguous overload for 'operator<<' (operand types are 'std::ostream' and 'const MyClass')" 해결 [내부링크]

문제상황: 클래스를 활용한 C++ 개발 중, 클래스 내의 멤버 변수를 출력하려고 할 때 오버로딩한 operator

[Python] "AttributeError: 'NoneType' object has no attribute 'method'" 해결 [내부링크]

문제상황: 다음 코드는 실무에서 사용될 수 있는 코드로, 데이터베이스에 연결하여 테이블을 생성하는 클래스를 구현합니다. 실행 도중, "AttributeError: 'NoneType' object has no attribute 'method'" 에러가 발생했습니다. import sqlite3 class DatabaseManager: def __init__(self, db_name): self.db_name = db_name self.conn = None self.cur = None def connect(self): self.conn = sqlite3.connect(self.db_name) self.cur = self.conn.cursor() def create_table(sel..

[C#] "System.NullReferenceException" 해결 [내부링크]

문제상황: C#으로 개발을 진행하던 중, 사용자가 ShoppingCart 객체를 생성하고, 이 객체의 AddProduct 메서드를 호출하여 제품을 추가하려고 시도했습니다. 그러나 다음과 같은 코드에서 에러가 발생했습니다. public class Product { public int Id { get; set; } public string Name { get; set; } public decimal Price { get; set; } } public class ShoppingCart { private List _products; public void AddProduct(Product product) { _products.Add(product); // 에러가 발생한 부분 } public decimal Calc..

[JavaScript] "TypeError: Cannot read property 'map' of undefined" 해결 [내부링크]

문제상황: 프로젝트에서 사용자의 데이터를 가져와서 화면에 표시하는 작업을 하고 있습니다. 그런데 데이터를 가져오는 과정에서 자주 발생하는 에러가 있어서 문제를 해결하고자 합니다. 에러가 발생한 코드와 이에 대한 설명: // 사용자 데이터 가져오기 async function getUsers() { const response = await fetch('https://api.example.com/users'); const data = await response.json(); return data; } // 사용자 데이터를 화면에 표시 function displayUsers(users) { const userList = document.querySelector('#user-list'..

[Verilog] "multiple drivers" 해결 [내부링크]

문제상황: 다음과 같은 Verilog 코드를 작성하고 컴파일을 실행했을 때, multiple drivers 에러가 발생했습니다. 이 모듈의 목적은 입력신호인 data_in을 받아서 data_out으로 출력하는 동작을 수행하는 것입니다. module top_module ( input wire clk, input wire rst, input wire data_in, output wire data_out ); reg [7:0] data; always @(posedge clk or posedge rst) begin if (rst) begin data

[C++] "unresolved external symbol" 해결 [내부링크]

문제상황: 다음과 같은 C++ 코드를 작성하고 컴파일을 실행했을 때, unresolved external symbol 에러가 발생했습니다. #include class MyClass { public: void printMessage(); }; int main() { MyClass obj; obj.printMessage(); return 0; }에러로그 내용: error LNK2019: unresolved external symbol "public: void __cdecl MyClass::printMessage(void)" (?printMessage@MyClass@@QEAAXXZ) referenced in function main해결방법: 해결된 코드와 수정된 부분에 대한 주석을 보여드리겠습니다. #incl..

[C언어] "undefined reference to 'function_name'" 해결 [내부링크]

문제상황: 실무에서 사용될 수 있는 C언어 코드를 작성 중 다음과 같은 에러가 발생했습니다. 아래 코드에서 에러가 발생한 부분과 에러 로그를 확인해봅시다. main.c #include #include "helper.h" int main() { int x = 5, y = 10; int result = add(x, y); printf("결과: %d\n", result); return 0; }helper.h #ifndef HELPER_H #define HELPER_H int add(int a, int b); #endif에러로그 내용: /tmp/ccvE6lJr.o: In function 'main': main.c:(.text+0x14): undefined reference to 'add&#..

[C언어] "Segmentation fault (core dumped)" 해결 [내부링크]

문제상황: 실무에서 사용될 수 있는 C언어 코드를 작성 중 다음과 같은 에러가 발생했습니다. 아래 코드에서 에러가 발생한 부분과 에러 로그를 확인해봅시다. #include #include #include void reverse_string(char *str) { int length = strlen(str); char *temp = (char *)malloc(sizeof(char) * (length + 1)); for (int i = 0; i < length; i++) { temp[length - i - 1] = str[i]; } strcpy(str, temp); } int main() { char *input = "Hello, C!"; reverse_string(input); printf("Reverse..

[Spring Boot] "Cannot determine embedded database driver class" 해결 [내부링크]

문제상황: Spring Boot 프로젝트에서 자주 발생하는 에러 중 하나는 "Cannot determine embedded database driver class" 에러입니다. 이 예시에서는 실무에서 사용될 수 있는 코드를 사용하여 이 에러를 재현하고 해결해보겠습니다. 아래는 에러가 발생한 코드와 이에 대한 설명입니다. application.properties 파일: spring.datasource.url=jdbc:h2:mem:testdb spring.datasource.username=sa spring.datasource.password= spring.jpa.hibernate.ddl-auto=update이 코드에서 발생한 에러 로그는 다음과 같습니다. Cannot determine embedded da..

[Spring Boot] "No qualifying bean of type" 해결 [내부링크]

문제상황: Spring Boot 프로젝트에서 자주 발생하는 에러 중 하나는 "No qualifying bean of type" 에러입니다. 이 예시에서는 실무에서 사용될 수 있는 코드를 사용하여 이 에러를 재현하고 해결해보겠습니다. 아래는 에러가 발생한 코드와 이에 대한 설명입니다. @Service public class UserService { @Autowired private UserRepository userRepository; //... } @Repository public interface UserRepository extends JpaRepository { }이 코드에서 발생한 에러 로그는 다음과 같습니다. No qualifying bean of type 'com.example.demo..

[Spring Boot] "Failed to configure a DataSource" 해결 [내부링크]

문제상황: Spring Boot를 사용하여 웹 서버를 개발하고, 다음과 같은 코드를 작성하여 데이터베이스에 접근하려고 했습니다. @SpringBootApplication public class MyApplication { public static void main(String[] args) { SpringApplication.run(MyApplication.class, args); } }그러나 다음과 같은 에러로그가 발생했습니다. *************************** APPLICATION FAILED TO START *************************** Description: Failed to configure a DataSource: 'url' attribute ..

[Node.js] "UnhandledPromiseRejectionWarning: Unhandled promise rejection" 해결 [내부링크]

문제상황: Node.js를 사용하여 웹 서버를 개발하고, 다음과 같은 코드를 작성하여 데이터베이스에 접근하려고 했습니다. const mongoose = require('mongoose'); const connectionString = 'mongodb://localhost:27017/myDatabase'; mongoose.connect(connectionString); mongoose.connection.on('connected', () => { console.log('Connected to MongoDB'); }); mongoose.connection.on('error', err => { console.log('Error co..

[JavaScript] "ResizeObserver loop limit exceeded" 해결 [내부링크]

문제상황: 반응형 웹 개발 중, 다음과 같은 코드를 작성하여 브라우저 창 크기가 변경될 때마다 요소의 크기를 감지하고 변경하려고 했습니다. const observedElement = document.getElementById('observedElement'); const resizeObserver = new ResizeObserver(entries => { for (const entry of entries) { const { width, height } = entry.contentRect; console.log('Element:', entry.target); console.log(`Width: ${width}, Height: ${height}`); } }); resizeObs..

[JavaScript] "TypeError: Cannot read property 'then' of undefined" 해결 [내부링크]

문제상황: 다음과 같은 코드를 작성하여, 사용자 정보를 가져오는 API를 호출한 후, 가져온 사용자 정보를 화면에 표시하려 했습니다. function getUserInfo(userId) { const apiUrl = `https://api.example.com/users/${userId}`; fetch(apiUrl) .then(response => response.json()) .then(data => { console.log(data); document.getElementById('userInfo').innerText = JSON.stringify(data); }); } getUserInfo(1);그러나 다음과 같은 에러로그가 발생했습니다. TypeError: Cannot read pro..

[Java] "java.lang.RuntimeException: Unable to start activity ComponentInfo" 해결 [내부링크]

문제상황: 에러가 발생한 코드와 이에 대한 설명: MainActivity.java public class MainActivity extends AppCompatActivity { private Button btnShow; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); btnShow = findViewById(R.id.btnShow); btnShow.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) ..

[Javascript] "Error: connection not open on send()" 해결 [내부링크]

문제상황: 에러가 발생한 코드와 이에 대한 설명: const io = require('socket.io-client'); const socket = io('http://localhost:3000'); socket.emit('message', 'Hello, Server!'); socket.on('message', (data) => { console.log(`Received from server: ${data}`); });위 코드는 Socket.IO를 사용하여 서버와 메시지를 주고받는 간단한 클라이언트 예제입니다. 그러나, 이 코드를 실행하면 다음과 같은 에러가 발생합니다. 에러로그 내용: Error: connection not ope..

[Javascript] "TypeError: Cannot read property 'length' of undefined" 해결 [내부링크]

문제상황: 에러가 발생한 코드와 이에 대한 설명: function countCharacters(obj) { return obj.name.length; } const myObj = { age: 30 }; console.log(countCharacters(myObj));위 코드는 객체의 name 속성의 문자 길이를 반환하는 함수 countCharacters를 포함하고 있습니다. 그러나, 이 코드를 실행하면 다음과 같은 에러가 발생합니다. 에러로그 내용: TypeError: Cannot read property 'length' of undefined해결방법: 에러가 수정된 코드+ 수정된 부분에 대한 주석: function countCharacters(obj) { if (obj.name) { r..

[Python] "TypeError: can only concatenate str (not "int") to str" 해결 [내부링크]

문제상황: 에러가 발생한 코드와 이에 대한 설명: def process_data(data, output_file): processed_data = "" for i, line in enumerate(data): processed_line = str(i) + ": " + line.strip() + " (Length: " + len(line) + ")\n" processed_data += processed_line with open(output_file, "w") as f: f.write(processed_data) input_data = ["Hello, World!", "I love Python!"] output_file = "output.txt" process_data(input_data, output_f..

[Python] "requests.exceptions.RequestException" 해결 [내부링크]

문제상황: 파이썬으로 작성된 스크립트에서 에러가 발생했습니다. 이 코드는 외부 API에 요청을 보내고 응답을 받아 처리하는 작업을 수행합니다. 에러가 발생한 코드와 이에 대한 설명: import requests def fetch_data(url, headers): response = requests.get(url, headers=headers) return response.json() url = "https://api.example.com/data" headers = {"Authorization": "Bearer my_invalid_token"} data = fetch_data(url, headers) print(data)에러로그 내용: requests.exceptions.RequestException:..

[Python] "ValueError: I/O operation on closed file" 해결 [내부링크]

문제상황: 파이썬으로 작성된 로그 처리 스크립트에서 에러가 발생했습니다. 이 코드는 주어진 로그 파일에서 특정 패턴을 찾아서 새로운 파일에 기록하는 작업을 수행합니다. import re def process_log_file(input_file, output_file, pattern): with open(input_file, 'r') as f_in: with open(output_file, 'w') as f_out: for line in f_in: if re.search(pattern, line): f_out.write(line) f_out.write("Processing completed.") input_file = "example.log" output_file = "outp..

[Python] "AttributeError: 'NoneType' object has no attribute 'something'" 해결 [내부링크]

문제상황: 실무에서 종종 사용되는 데이터베이스에서 데이터를 읽어오는 파이썬 코드에서 에러가 발생했습니다. 이 코드는 SQLite 데이터베이스에 연결하여 사용자 정보를 가져오는 역할을 합니다. 에러가 발생한 코드와 이에 대한 설명: import sqlite3 def fetch_data(database, query): conn = sqlite3.connect(database) cursor = conn.cursor() cursor.execute(query) result = cursor.fetchone() return result.something data = fetch_data("example.db", "SELECT * FROM users WHERE id = 1") print(data)위 코드에서 fetch_..

[Python] "NameError: name 'x' is not defined" 해결 [내부링크]

문제상황: 파이썬에서 작성한 코드에서 변수를 사용하기 전에 정의하지 않으면 NameError가 발생합니다. 실무에서 사용될 수 있는 코드 예시는 다음과 같습니다. def calculate_area(): area = width * height width = 10 height = 5 calculate_area()위 코드를 실행하면 다음과 같은 에러로그가 발생합니다. NameError: name 'width' is not defined해결방법: 에러가 수정된 코드와 수정된 부분에 대한 주석을 포함합니다. # 수정된 부분: 함수 인자로 width와 height를 전달합니다. def calculate_area(width, height): area = width * height return area ..

[Python] "FileNotFoundError: [Errno 2] No such file or directory" 해결 [내부링크]

문제상황: 파이썬을 사용하여 프로젝트에서 텍스트 파일을 읽으려고 할 때, 파일을 찾을 수 없어 발생하는 에러입니다. 실무에서 사용될 수 있는 코드 예시는 다음과 같습니다. import os file_path = 'data/sample.txt' with open(file_path, 'r') as file: content = file.read()위 코드를 실행하면 다음과 같은 에러로그가 발생합니다. FileNotFoundError: [Errno 2] No such file or directory: 'data/sample.txt'해결방법: 에러가 수정된 코드와 수정된 부분에 대한 주석을 포함합니다. import os file_path = 'data/sample..

[Python] "TypeError: '>' not supported between instances of 'str' and 'int'" 해결 [내부링크]

문제상황: 파이썬에서 리스트를 정렬하려고 할 때, 문자열과 정수가 혼합된 경우 에러가 발생할 수 있습니다. 예를 들어, 사용자의 이름과 나이를 포함하는 리스트를 나이 순으로 정렬하려고 하는 다음과 같은 코드를 작성했습니다. user_list = [ {"name": "Alice", "age": 30}, {"name": "Bob", "age": 25}, {"name": "Charlie", "age": 35} ] sorted_list = sorted(user_list, key=lambda x: x['age'], reverse=True)이 코드를 실행하면 다음과 같은 에러로그가 발생합니다. TypeError: '>' not supported between instances of &#..

'대학원생 때 알았더라면 좋았을 것들'을 읽고 [내부링크]

박사 졸업생 2명과 교수가 대학원 생활에 대해 쓴 이야기인데, 전체적으로는 주체적인 삶을 살라는 이야기가 주가 된 것 같다. 읽다보니 우리 팀의 나랑 같은 학년인데 벌써부터 여러 랩실에 메일을 보내 방문하고 학부생 인턴을 하고 있는 친구가 떠올랐다. 나름 이미 이 책에 나온 사람들처럼 주체적인 삶을 살고 있는 듯 하다. 보고 많이 배워야지..... 대학원생이라는 상태는 확실한 무언가를 보장해주는 그런 상태가 아니라고 한다. 그래서 내가 진짜로 연구하고픈 주제가 있어야 버틸 수 있는 힘이 생긴다고 한다. 앞서 읽었던 '스타트업을 경영하다'라는 책에서 창업아이템 선정시에는, 자기가 하고싶고 자신있는 주제를 선택해야 정체기를 버틸 수 있다는 내용이 있었다. 대학원이든 창업이든 뭐든간에 그거에 대해 진심이어야 ..

'스타트업을 경영하다'를 읽고 [내부링크]

예전에 절판된 책이지만 한국의 1세대 스타트업을 이끈 그의 이야기가 궁금해 중고로 구한 책이다. 일반적인 대학생의 진로계획중에 창업이라는 선택지는 그 불안정성 때문에 그리 선호되지는 않는다. 그런데 100세 시대에 회사를 다니는 시간은 사실 대부분을 차지하지 않기에, 자기 스스로 살아가는 방법을 익혀야 한다고 한다. 그 방법 중에 하나가 창업이기에, 상당수의 사람들은 살면서 한 번쯤은 창업을 하게된다는 점이 재미있는 부분이었다. 창업아이템 선정시의 기준은 자기가 자신이 있고 하고싶은 분야를 정해야 한다고 한다. 그래야 사업 정체기를 버텨나갈 의지가 생기기 때문이라고 한다. 사실 나는 재미가 없어보이면 무언가를 시작하지도 않는 편이기 때문에 이 말이 이해가 갔다. 그래서 나는 관심있는 분야의 회사를 다니면..

[작곡 인공지능 개발기] 6. LSTM 모델을 이용한 작곡 - 2 (결과물) [내부링크]

5. LSTM 모델을 이용한 작곡 - 1에서 LSTM 모델을 이용한 작곡코드의 구현에 성공했다. 그렇게 학습된 모델에 랜덤 노트를 입력하여 출력된 미디파일을 얻을 수 있었다. LSTM 모델로 생성한 4곡을 원곡과 비교하며 들어보자. 주로 템포가 빠르고 다양한 음역대를 가진 피아노 곡을 선정하였는데, 그 이유는 후술한다. 1. Beethoven: Moonlight Sonata 3rd Movement (학습시간 : 약 4시간 반 소요) 곡 소개: 피아노에 능숙한 사람들이 기술적으로 뽐내기 위해 주로 연주할 만큼 어려운 곡이다. 유명한 노래라 여러 매체에서 변주도 많이 이루어진다. 음악시간을 떠올려 보면 반에 칠 수있는 사람이 꼭 한 명 쯤은 있던? 곡인 것 같다. - 원곡 Beethoven: Moonligh..

[작곡 인공지능 개발기] 5. LSTM 모델을 이용한 작곡 - 1 [내부링크]

목차: 1. Lstm이 뭐고 왜 작곡에 적합한가 2. 전체적인 흐름 살펴보기 3. 코드구성 1. Lstm이 뭐고 왜 작곡에 적합한가 이 블로그에 설명이 너무 잘 되어있어 생략한다. https://dgkim5360.tistory.com/entry/understanding-long-short-term-memory-lstm-kr 2. 전체적인 흐름 살펴보기 일단 코드에서 print 되는 출력을 통해 전체적인 흐름을 파악해보자. Parsing file 0 ./zelda/Ludwig Van Beethoven - Moonlight Sonata 3rd Movement.midClasses of notes : 130 notes : ['C#2', 'G#2', 'C#2', 'G#2', 'C#2', 'G#2', 'C#2', ..

[작곡 인공지능 개발기] 4. keras를 활용한 의류 데이터 분류 [내부링크]

본격적으로 신경망을 활용한 학습을 구현해보기 위해 다음 링크의 내용을 따라해보려고 한다. https://tykimos.github.io/2018/09/14/How_to_Generate_Music_using_a_LSTM_Neural_Network_in_Keras/ 케라스 LSTM 모델로 작곡하기 이 문서는 순환신경망(RNN)인 LSTM 과 Python 음악 툴킷인 music21 을 이용해서 작곡을 해보는 것에 대해 설명합니다. 2018년 8월을 기준으로, 동작하지 않는 코드는 동작하지 않는 부분을 동작하도록 변 tykimos.github.io 이 링크에 나오는 LSTM모델을 따라해보기 전에 keras 라이브러리에 익숙해지고자 관련 예제를 찾아봤다. keras는 tensorflow를 백엔드로 사용하는 신경망..

방학동안 만들고 싶은 것들 [내부링크]

이렇게라도 안 써두면 안할거 같아서 적어보는 글 이번 방학때는 이 블로그의 소개글처럼 만들고 싶은걸 만드는 방식으로 공부하려한다. 개발공부는 만들고 싶은걸 정하고 거기에 필요한걸 찾아가면서 하는 방식이 제일 나은것같다. 그게 더 재미있기도 하고. 사실 재미가 없으면 정리해가면서 글을 쓸 의지가 안 생긴다.... 물론 이렇게만 하다간 개념적인 부분이 허술해 질수 있으니 이론적인 공부도 언젠가 해야된다. ---------------------------------------------------------- 1. 고대생용 MBTI 테스트 웹 우리 대학교 학생들이라면 무조건 듣는 교양인 자유정의진리와 글쓰기를 할 때 일어날 수 있는 일들을 mbti검사의 질문에 대응시켜 검사를 만들어 보려한다. 교양뿐만이 아니..

[작곡 인공지능 개발기] 3. 마르코프 체인을 이용한 작곡 [내부링크]

목차: 1. 마르코프 체인의 개념 2. python으로 마르코프 체인이 구현된 부분 살펴보기 3. 발견한 버그 4. 결과물 5. 이후에 할 일 1. 마르코프 체인의 개념 마르코프 성질: 특정 상태의 확률이 오직 과거의 상태에만 의존할 때, 마르코프 성질을 갖는다. 마르코프 체인: 마르코프 성질을 가진 이산 확률과정 예시: 2. python으로 마르코프 체인이 구현된 부분 살펴보기 https://github.com/kairess/MarkovMusic GitHub - kairess/MarkovMusic: A markov chain based VERY simplistic procedural music generator. A markov chain based VERY simplistic procedural mu..

[작곡 인공지능 개발기] 2. pyknon 예제 테스트 [내부링크]

문서를 보며 pyknon 라이브러리를 간단히 사용해보았다. 아래코드는 노래 Suspenseful Third Day의 악보 중 두마디를 담은 파일을 생성하는 코드를 작성한 것이다. 코드 #!/usr/bin/env python from pyknon.genmidi import Midi from pyknon.music import NoteSeq,Note notes1 = NoteSeq([Note(0,5,1/8),Note(4,5,1/8),Note(0,6,1/8),Note(0,6,1/8),Note(4,6,1/8),Note(0,7,1/8),Note(11,6,1/4),Note(7,6,1/4),Note(4,6,1/4)]) //Note(value,octave,dur,volume) 생성자 활용, default 값은 value..

[작곡 인공지능 개발기] 1. 서론 [내부링크]

대학교에서 인공지능 공부 전반에 필요한 수학을 배우는 '데이터 과학 기초'와 간단한 작곡을 할 수 있는 지식을 배우는 '기초 음악 이론'을 수강했다. 그래서 옛날부터 한 번쯤 해보고 싶었던 작곡을 인공지능으로 해보면 재밌겠다는 생각이 들어 카테고리를 만들었다. 관련 논문 탐색으로 필요한 지식을 찾아보며 학습방향을 설정하고, 조금씩 만들어보려고 한다. 가능하다면 웹페이지로 만들어 접근성을 높이고 싶다. 최종단계에서는 사용자가 입력한 몇 개의 음에 대해 작곡을 하여 그 음악으로 리듬게임을 할 수 있도록 개발을 하고 싶다. 나중에 읽어볼 문서들을 추려보았다. 1. 인공신경망의 학습기능과 화성진행을이용한 자동작곡 (오진우, 송정현, 김경환, 정성훈) 2. 유전 알고리즘과 기계학습을 활용한 코드 진행 기반 지능적..

[React] Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. 에러 해결 [내부링크]

문제상황: Nomad Coders의 트위터 클론코딩 강의의 #6.0 Cleaning JS (08:54) 의 github코드를 사용하여 테스트해보는 중 Home화면에서 Profile로 넘어가는 버튼 클릭시 1. Warning: Cannot update a component (`App`) while rendering a different component (`Unknown`). To locate the bad setState() call inside `Unknown` 2. Profile.js에서 Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or ..

[React] export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom' 해결 [내부링크]

문제상황: Nomad Coders의 트위터 클론코딩 강의의 #2.6 Log Out (06:37) 를 듣던 중 Profile.js에서 export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'에러 로그 발생 · Profile.js import React from "react"; import { authService } from "fbase"; import { useHistory } from "react-router-dom"; export default () => { const history = useHistory(); const onLogOutClick = () => { authService.signOut(); his..

[Node.js] [안드로이드 스튜디오] FCM (Firebase Cloud Messaging)으로 앱에 기기별 푸시알림 구현 및 "Parsing error: Unexpected token => "에러 해결 [내부링크]

문제상황: FCM (Firebase Cloud Messaging)으로 앱에 기기별 푸시알림을 구현하던중 발생한 오류이다. (해결방법만 보실분들은 밑으로 스크롤) firestore 데이터의 변화를 감지하여 FCM알림을 보내는 기능을 구현하기 위해 다음과정을 따랐었다. 1. 기기 token정보를 firestore db에 갱신 특정기기에 푸시알림을 보내기 위해서 firestore의 user 콜렉션에 기기별 token을 저장할 필요가 있다. 따라서 앱 실행시에 다음과 같은 코드를 통해 기기 token정보를 갱신해준다. · 앱 시작시 실행되는 코드 중 일부(MainActivity.java) // Get new FCM registration token String token = task.getResult(); Ma..

[React] Property 'bgColor' does not exist on type 'ThemedStyledProps<DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, any>'. 해결 [내부링크]

문제상황: 노마드 코더 React JS 마스터클래스의 #3.1 DefinitelyTyped에서 typescript를 사용하기 위해 다음과 같은 과정을 거쳤다. 1. typescript 를 설치하기위해 콘솔에 다음 커맨드 입력 --> npm install --save typescript @types/node @types/react @types/react-dom @types/jest 2. App.js,index.js의 확장자를 .tsx로 변경(React typescript를 사용할 경우의 확장자) 3. 기존의 'styled-components'는 typescript가 아닌 javascript로 쓰여있으므로 다음 커맨드 입력--> npm i --save-dev @types/styled-components (@..

[안드로이드 스튜디오] 앱의 플레이 스토어 버전 체크가 안되는 문제(해결) [내부링크]

문제상황: 플레이스토어에 앱의 자동업데이트가 실행중인 상황에서도 업데이트가 자동으로 진행되지 않는 경우가 있었다. 그래서 앱 시작시에 플레이 스토어에서 버전정보를 크롤링해 현재 설치된 앱버전과 비교하는 코드를 추가했다.(gun0912님 블로그 참고) 그러나 계속 앱의 플레이 스토어 버전이 null로 반환되는 문제가 생겼다. [안드로이드/Android]플레이스토어 버전 체크하는 방법 (업데이트 체크) 안드로이드 어플리케이션을 개발하고 계속 업데이트 하다보면 사용자가 최신버전을 사용해주길 바라는 경우가 많이 있습니다. 새로운 기능이 추가되었을경우도 그럴것이며, 해당 버전에 문제 gun0912.tistory.com · MarketVersionChecker.class public class MarketVersi..

[React] react-jsx-dev-runtime.development.js:117 Warning: Failed prop type: The prop `genres` is marked as required in `Movie`, but its value is `undefined`. [내부링크]

문제상황: 노마드 코더의 ReactJS로 영화 웹 서비스 만들기의 #7.5 React Router 부분에서 에러로그가 뜨며 로딩화면이후의 path="/" route의 Home 컴포넌트가 제대로 실행되지 않았다. 해결방법: import PropTypes from "prop-types"; import { Link } from "react-router-dom"; function Movie({ coverImg, title, summary, genres }) { if(genres){ return ( {title} {summary} {genres.map((g) => ( {g} ))} );}else{ return ( {title} {summary} 장르 없음 ); } } Movie.propTypes = { cover..

[안드로이드 스튜디오] FATAL EXCEPTION: Thread-4Process: com.KUplace.officialpractice, PID: 2324java.lang.RuntimeException: No properties to serialize found on class d2.a 해결 [내부링크]

문제상황: 개발중인 앱에 대하여 Firebase console의 Test lab을 통해 테스트한 결과 Firebase Firestore data에 접근하는 모든 부분에서 에러가 발생하였다. 해결방법: Firestore,Firestoarge변수를 private이 아닌 public으로 설정해주고(find usuage 이용), gradle에서 난독화 설정을 true -> false로 바꾸어주어 해결 원인분석: 1. 우선 이 두 에러는 디버깅버전으로 빌드했을때는 나타나지 않고 릴리즈 버전에서 발생한 버그이다. 그러므로 둘의 환경적인 차이에서 발생한 버그일 것이다. 2. 첫 번째 사진의 에러 로그에 나온 serializable의 개념을 알아보자. serializable은 자바 내부의 객체나 데이터를 외부 자바 시..

[안드로이드 스튜디오] java.lang.RuntimeException: Canvas: trying to draw too large(111996000bytes) bitmap. FATAL EXCEPTION: main 해결 [내부링크]

문제상황: 개발중인 앱에 대하여 Firebase console의 Test lab을 통해 테스트한 결과 로그인 화면 이후의 튜토리얼이미지를 뜨게하는 부분에서 발생 에러가 발생한 기종 3개 SAMSUNG-SM-G935A/SAMSUNG-SM-G930AZ/SM-G930U -> 구글링 해보니 모두 S7기종의 핸드폰 해결방법: drawable 폴더의 튜토리얼 이미지 5장을 drawable-xxhdpi에도 추가해서 해결 https://stackoverflow.com/questions/40835514/android-canvas-drawing-too-large-bitmap Android Canvas: drawing too large bitmap I'm running Ubuntu 16.04. And on Android S..