본문 바로가기

What would life be If we had no courage to attemp anything?

𝐀𝐥𝐥 𝐏𝐨𝐬𝐭292

[python] 프로그래머스 - 짝지어 제거하기 [python] 프로그래머스 - 짝지어 제거하기 https://school.programmers.co.kr/learn/courses/30/lessons/12973?language=python3 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제설명 짝지어 제거하기는, 알파벳 소문자로 이루어진 문자열을 가지고 시작합니다. 먼저 문자열에서 같은 알파벳이 2개 붙어 있는 짝을 찾습니다. 그다음, 그 둘을 제거한 뒤, 앞뒤로 문자열을 이어 붙입니다. 이 과정을 반복해서 문자열을 모두 제거한다면 짝지어 제거하기가 종료됩니다. 문자열 S가 주어졌을 때, 짝지어 제거.. 2023. 6. 28.

[Electron] electron앱 화면이 랜더링이 되지 않는 문제 문제점 2023.06.17 - [Development/Electron] - [Electron] SyntaxError: Cannot use import statement outside a module 위의 오류를 해결 후 electron앱을 실행했을 때, electron 앱은 켜지지만 화면이 랜더링 되지 않는 상태가 발생. 해결과정 Failed to compile. Module not found: Error: Can't resolve './App' in 'D:\\2023\\march\\realPractice\\login\\src' Did you mean 'App.js'? BREAKING CHANGE: The request './App' failed to resolve only because it was r.. 2023. 6. 18.

[Electron] SyntaxError: Cannot use import statement outside a module 오류 다음과 같은 오류들이 뜨면서(경고창) electron 앱이 실행되지 않음. (node:29788) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension. (Use `electron --trace-warnings ...` to show where the warning was created) App threw an error during load D:\\2023\\march\\realPractice\\login\\public\\electron.js:1 import * as operator from './script/operator.js' ^^^^^^ SyntaxError: Canno.. 2023. 6. 17.

[Redux] Redux 기초 - 생활코딩 action을 통해 action을 dispatch에 전달하고 reducer가 state값을 갱신하고 dispatch가 subscribe하고있는 함수들을 호출해 state값을 참조하여 UI를 바꿔줌 state type State = any 저장소(store)에 의해 관리됨 getState()에 의해 반환되는 하나의 상태값 action type Action = Object 어떤 작업을 할지 설명해주는 자바스크립트 순수 객체 store에 데이터를 넣는 유일한 방법 UI 이벤트에서 왔든, 네트워크 콜백에서 왔든, 웹소켓과 같은 다른 소스에서 왔든 모든 데이터는 액션으로써 보내짐 reducer type Reducer = (state: S, action: A) => S 누적값과 값을 받아 새로운 누적값을 반환하는 .. 2023. 6. 16.

[Node.js] Node.js Modules | childProcess, spawn, stdout, stderr, fs, path, yargs, properties-reader, Buffer Node.js modules 🗨️ ChildProcess ✅ ChildProcess 개념 Node.js 프로세스 내에서 다른 프로세스를 실행하고 그와 상호 작용하는 기능을 제공하는 모듈 Node.js에서 표준 라이브러리로 제공 exec(), spawn(),fork() 등의 함수를 제공 exec() 함수는 셸 명령어를 실행하고 해당 결과를 버퍼링 spawn() 새로운 프로세스를 만들고 그 프로세스와의 표준 입출력 스트림을 제공 fork() spawn() 함수와 유사하지만, 부모 프로세스와 자식 프로세스 간에 통신할 수 있는 IPC 채널을 자동으로 설정 ChildProcess 모듈을 사용하면 Node.js 프로세스 내에서 다른 프로그램을 실행하고 그 결과를 받아올 수 있음 Node.js 어플리케이션에서 외부.. 2023. 6. 16.

[Electron] ipcRenderer.invoke & ipcMin.handle IpcRenderer.invoke 💡 Electron에서 주로 사용되는 메서드 중 하나. ipcRenderer 객체는 렌더러 프로세스에서 사용되며, 주로 메인 프로세스와의 비동기적인 통신을 위해 사용. ipcRenderer.invoke는 메인 프로세스에 비동기적인 요청을 보내고 결과를 받기 위해 사용. 이 메서드는 Promise를 반환하며, 메인 프로세스에서 처리되고 완료된 후에 Promise 결과가 렌더러 프로세스에 전달. ipcRenderer.invoke 를 사용할 때는 메인 프로세스에서 해당 요청을 처리할 때 ipcMain.handle을 사용하여 요청을 처리하고 결과를 반환 예제 // 렌더러 프로세스에서의 예제 코드 const { ipcRenderer } = require('electron'); a.. 2023. 6. 15.

[Electron] dialog.showOpenDialog() dialog.showOpenDialogSync() 💡 Electron 프레임워크에서 제공되는 메서드 사용자에게 파일 선택 대화 상자를 표시하고 파일을 선택할 수 있음 주로 메인 프로세스에서 사용 사용 예시 const { dialog } = require('electron'); // 파일 선택 대화 상자 옵션 설정 const options = { title: 'Open File', // 대화 상자 제목 defaultPath: '/path/to/default', // 기본 경로 buttonLabel: 'Open', // 확인 버튼 레이블 filters: [ { name: 'Text Files', extensions: ['txt'] }, // 파일 필터 { name: 'All Files', extensions.. 2023. 6. 15.

[GIT] 특정 commit을 기준으로 브랜치 만들기 [GIT] 특정 commit을 기준으로 브랜치 만들기 git checkout -b [new 브랜치명] [Head브랜치] git cherry-pick [commit해시값] git push origin [new 브랜치명] 2023. 6. 15.

[API] GraphQL 관련 dependency | Apollo Client, graphql-request graphQL 관련 의존성 추가 1. Apollo Client Introduction to Apollo Client Apollo Client is a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL. Use it to fetch, cache, and modify application data, all while automatically updating your UI. Apollo Client helps www.apollographql.com Hooks 없이 Apollo Client 사용하기 yarn: yarn add apollo-boost.. 2023. 6. 15.

바벨(Babel) 바벨(Babel) 💡 바벨(Babel)은 트랜스파일러(transpiler)로, 모던 자바스크립트 코드를 구 표준을 준수하는 코드로 바꿔줍니다. 브라우저가 ES6나 ES7(최신표준) 브라우저가 이해하지 못하기때문에 ES5로 바꿔주는 과정이 필요 이 과정을 해주는 자바스크립트 컴파일러가 바벨 babel을 사용한다고 해서 모든 최신 자바스크립트 함수를 다 사용할 수 있는 것은 아님 브라우저에서 지원하지 않는 함수를 검사하는 작업이 프로그램 시작에 진행되어야함 이 역할은 babel-polyfill이 담당 바벨의 주요 역할 트렌스 파일러 바벨은 코드를 재작성해주는 트랜스파일러 프로그램 이를 실행하면 기존 코드가 구 표준을 준수하는 코드로 변경 변경된 코드는 웹사이트 형태로 사용자에게 전달 웹팩(webpack)과 .. 2023. 6. 15.

이전 1 2 3 4 5 6 7 ··· 30 다음

티스토리툴바