분류 전체보기65

• 

  React에서 useState로 상태 업데이트시 콜백 함수 방식을 사용해야 하는 이유 늘상 사용하던 코드에 대해 의문을 갖지 않다가 인강을 들으며 왜 이렇게 사용해야 하는지 이해하고 있습니다. 오늘은 리액트에서 useState를 사용하여 상태 업데이트를 할 때 왜 콜백함수인 (prevUserInput) => { ... } 와 같은 형태로 써야 하는지에 대해 포스팅 하겠습니다.    우선 오늘 배운 코드는 아래와 같습니다. import { useState } from "react";export default function UserInput() { const [userInput, setUserInput] = useState({ initialInvestment: 10000, annulInvestment: 1200, expectedReturn: 6, duration: 1.. 인강 & 책 스터디 노트/Udemy 리액트 완벽 가이드 2024 2024. 8. 25.

• 

  일렉트론 package.json 설정 및 외부에서 접근 가능하도록 빌드하기 이번 포스팅에서는 일렉트론 애플리케이션의 package.json을 설정하는 방법과, 외부에서 접근 가능한 파일을 빌드하는 방법을 다뤄보겠습니다.    우선 제가 자주 사용하는 electron.js 의 package.json파일 구성은 대체로 아래와 같습니다. { "name": "myappphone", "productName": "My Appphone", "version": "1.0.0", "description": "My Appphone Application", "main": "main.js", "scripts": { "start": "electron .", "build": "electron-builder build --win --ia32" }, "build": { "productName": "My.. 개발 이야기/frontend 2024. 8. 22.

• 

  리액트에서 불변성을 유지해야 하는 이유 -기본형과 참조형이란 유데미의 React - The Complete Guide 2024 (incl. Next.js, Redux) 강좌를 듣다가 중요한 개념 중 하나인 불변성에 대해 복습하고 가려고 합니다. 해당 강좌는 2024년 기준 81강에 해당합니다. 본 포스팅은 해당 강의 이외에도 아래 페이지를 참고하였습니다. 참조값, 원시값이란?    기본형과 참조형먼저, 자바스크립트에는 기본형과 참조형이라는 두 가지 데이터 유형이 있습니다. 리액트의 불변성을 이해하기 위해서는 여기서부터 시작을 해야 합니다.   기본형숫자, 문자열, 불리언, undefined, null 등이 기본형에 속합니다. 기본형 값은 간단한 데이터 타입으로, 메모리의 스택에 저장됩니다. 기본형 값은 복사될 때 실제 값이 복사됩니다. 예를 들어, 숫자나 문자열을.. 인강 & 책 스터디 노트/Udemy 리액트 완벽 가이드 2024 2024. 8. 21.

• 

  [React]같은 '...'이지만 쓰임이 다른 스프레드 연산자와 Rest 프로퍼티 Udemy의 React 강의 소개 현재 저는 Udemy에서 인기 강좌 중 하나인 React - The Complete Guide 2024 (incl. Next.js, Redux) 라는 강의를 듣고 있습니다. 원래는 다른 next.js 강의를 수강중이었는데, 제가 알고싶어 했던 내용들이 아래 강의에 전부 포함이 되어 있더라고요.     아직 완강하려면 90%나 더 남았지만 지금까지 들어본 결과 굉장히 만족스럽습니다. 개념을 굉장히 세세하게 짚어주셔서 초급자~중급자 이상까지 전부 커버 가능한 것 같았습니다. 완강 후 다시 평가해보겠지만 일단 저는 별점 다섯개를 주었습니다.  Udemy 리액트 강좌 바로가기      각설하고 이번에 배웠던 내용을 복습하는 겸 포스팅 해보겠습니다.  JavaScript의 ..... 인강 & 책 스터디 노트/Udemy 리액트 완벽 가이드 2024 2024. 8. 13.

• 

  let과 const 심화 개념 - const의 참조 고정과 var를 요즘 안쓰는 이유 JavaScript의 let과 const는 ES6에서 도입된, 기존의 var 키워드에 비해 몇가지 개선된 개념입니다. 오늘은 const의 참조 고정 개념과 var 사용이 지양되는 이유에 대해 자세히 알아보겠습니다.     const의 참조 고정const는 상수를 선언하는 데 사용되며, 변수를 선언할 때 초기화해야 하고, 이후에는 재할당이 불가능합니다. 여기까진 많이들 알고 계셨지만, 자바스크립트 변수와 관련된 심화 개념을 익히기 위해서는 const의 참조 고정이라는 개념을 이해하는 것이 중요합니다.   참조와 메모리JavaScript에서 객체, 배열, 함수와 같은 복합 데이터 타입은 변수에 참조(Reference)로 저장됩니다. 이는 변수가 실제 데이터가 저장된 메모리 주소를 가리킨다는 것을 의미합니다... 개발 이야기/frontend 2024. 8. 12.

• 

  [C++]템플릿과 상속의 개념 C++에서 템플릿은 타입에 독립적인 코드를 작성할 수 있도록 도와주는 강력한 도구입니다. 이를 통해 컴파일 시에 다양한 타입으로 변환할 수 있으며, 이로 인해 코드의 유연성과 재사용성이 증가합니다. 이제 위에서 설명한 개념과 예시 코드를 기반으로 각 개념을 상세히 설명하겠습니다.  템플릿 타입과 std::vector템플릿 타입은 다른 타입을 가질 수 있는 특별한 타입입니다. std::vector는 C++ 표준 라이브러리에서 제공하는 동적 배열로, 템플릿 타입을 사용합니다. 이는 다양한 타입의 데이터를 담을 수 있는 배열을 생성할 수 있음을 의미합니다. 예를 들어, std::vector, std::vector, std::vector와 같이 사용할 수 있습니다. #include #include int mai.. 인강 & 책 스터디 노트/Coursera 가속화된 컴퓨터 과학 기초 2024. 8. 11.

• 

  [C++]C++ 객체 수명 주기: 소멸자와 메모리 관리 이해하기 메모리 관리와 프로그램 성능 최적화에 있어서 매우 중요한 C++에서의 변수 저장 및 함수 인자 전달 방법, 소멸자에 대해 알아보겠습니다.      C++에서의 변수 저장 방식 1. 직접 저장기본적으로 C++에서는 변수가 메모리에 직접 저장됩니다. 이 경우 변수는 그 타입에 따라 정해진 크기만큼 메모리를 차지합니다.직접 저장의 특징은 다음과 같습니다. - 수정자 없음: 타입에 특별한 기호가 없습니다.- 크기: 변수는 자신의 타입에 맞는 크기만큼 메모리를 차지합니다. Cube c; // Cube 객체를 메모리에 직접 저장int i; // 정수를 메모리에 직접 저장uiuc::HSLAPixel p; // 픽셀을 메모리에 직접 저장 이 예시에서 c, i, p는 .. 카테고리 없음 2024. 8. 8.

• 

  Electron에서 React의 특정 페이지를 로드하는 방법 오늘은 제가 electron.js와 react를 연동하는 어플리케이션을 만들면서 여러번 삽질했던 내용 중 하나인, react의 특정 페이지를 electron.js내에서 불러온 뒤 팝업시키는 방법에 대해 포스팅 해보겠습니다. 아래서도 언급하겠지만 hash router를 사용하는 것이 핵심입니다.    electron.js와 react를 연동하는 초기 세팅 방법에 대해서는 아래 링크를 참조하세요. electron.js와 react 연동하기  이후 나올 내용은 리액트와 Electron.js를 사용하여 특정 페이지를 팝업으로 띄우는 방법입니다.    1. React Router 설정우선 저희는 리액트에서 HashRouter를 사용해야 합니다.리액트에서 라우트를 설정할 때 HashRouter를 사용하여 다음과 같.. 개발 이야기/frontend 2024. 8. 6.

• 

  [C++] 복사 생성자와 복사 대입 연산자의 차이점 C++에서 객체 복사는 메모리 관리 및 프로그램의 효율성과 직결된 중요한 개념입니다. 오늘은 복사 생성자와 복사 대입 연산자의 차이점에 대해 알아보겠습니다. 복사 생성자 (Copy Constructor)복사 생성자는 객체가 생성될 때 이미 존재하는 객체를 기반으로 새 객체를 초기화하는 특별한 생성자입니다. 이 생성자는 객체의 복사본을 만드는 데 사용되며, 다음과 같은 상황에서 자동으로 호출됩니다: 객체를 함수의 매개변수로 전달할 때, 함수에서 객체를 반환할 때, 새로운 객체를 기존 객체로 초기화할 때입니다. C++에서는 사용자가 복사 생성자를 제공하지 않으면 컴파일러가 자동으로 기본 복사 생성자를 제공합니다. 자동 생성된 복사 생성자는 모든 멤버 변수를 얕은 복사로 복사합니다.  하지만 동적 메모리 할당.. 인강 & 책 스터디 노트/Coursera 가속화된 컴퓨터 과학 기초 2024. 8. 5.

• 

  [c++] 클래스 생성자 - 자동 디폴트 생성자, 사용자 지정 생성자 현재 저는 coursera의 다음 강의를 수강하고 있습니다. Coursera | 최고의 교육 기관에서 제공하는 온라인 강좌 및 자격증 무료 회원 가입 | Coursera예일, 미시건, 스탠포드와 같은 명문대 및 Google, IBM 등의 초일류 기업에서 인정하는 고가치 자격증을 온라인으로 학습하고 취득하세요. Coursera에 무료로 가입하여 데이터 과학, 컴퓨터 과학, 비www.coursera.org 아래 내용은 오늘 배운 내용인 클래스 생성자(자동 디폴트 생성자, 사용자 지정 생성자)에 대한 복습입니다.     namespace uiuc { class Cube { public: Cube(); // 사용자 지정 기본 생성자 double getVolume(); .. 인강 & 책 스터디 노트/Coursera 가속화된 컴퓨터 과학 기초 2024. 8. 4.