전체 글
일렉트론으로 데스크톱 앱 개발 시작
예기치 못한 팀 이동, 그리고 마주한 일렉트론(Electron)최근 팀 이동이 일어났다. 새로운 팀에서 다루는 메인 기술 스택은 다름 아닌 일렉트론(Electron). 이 팀에서는 일렉트론을 활용해 데스크톱 앱을 개발하고 있었다.심지어 앞으로 내가 이 팀의 프론트엔드를 리딩해야 하는 운명(?)을 맞이하게 되었다. 지금까지는 그저 "웹 기술로 데스크톱 앱을 만들 수 있는 도구" 정도로 깔짝 들어만 봤던 일렉트론인데, 리더로서 팀을 이끌려면 제대로 파고들어야겠다는 생각이 번쩍 들었다. 본격적인 개발에 앞서, 내가 이해한 일렉트론의 본질과 앞으로의 고민을 가볍게 정리해 보려고 한다.일렉트론이란 무엇인가? 웹 개발자에게 축복인 이유쉽게 말해 일렉트론은 "크롬 브라우저(Chromium) + Node.js를 하나로..
내가 내 일자리를 없애는 중인가? 에이전트 주도 개발과 하네스 엔지니어링
정말 오랜만에 블로그에 글을 남긴다. 그동안 '현생에 치여 살았다'는 흔하고 구차한 변명으로 공백기를 핑계 대 본다.앞으로 이 블로그의 개발일지에 올라올 글들은 누군가에게 거창한 정보를 제공하기보다는, 내가 고민하고 부딪힌 흔적들을 남기는 나만의 개발 기록장으로 채워가려 한다. 그럼에도 불구하고, 지나가다 이 글을 읽는 동료 개발자들이 아주 작은 인사이트라도 얻어갈 수 있다면 더할 나위 없이 좋겠다. 자, 거두절미하고 본론으로 들어가 보자.AI 에이전트 없이 개발이 안 되는 몸이 되었다때는 2024년 하반기쯤이었을까? AI 에이전트라는 개념이 붐을 일으키더니, 에이전트의 활용도와 결과물의 퀄리티가 말도 안 되는 속도로 진화하고 있다.나 역시 Cursor, Antigravity 같은 훌륭한 도구들을 거쳐,..
[쉽고 빠르게 배우는 자바스크립트] 4. 조건문
2024.10.06 - [프로그래밍언어/자바스크립트] - [쉽고 빠르게 배우는 자바스크립트] 3. 연산자 [쉽고 빠르게 배우는 자바스크립트] 3. 연산자2024.10.05 - [프로그래밍언어/자바스크립트] - [쉽고 빠르게 배우는 자바스크립트] 2. 변수 [쉽고 빠르게 배우는 자바스크립트] 2. 변수2023.05.20 - [프로그래밍언어/자바스크립트] - [쉽고 빠르게 배우c4u-rdav.tistory.com 조건문은 자바스크립트에서 코드의 흐름을 제어하는 중요한 요소입니다. 조건문을 사용하면 특정 조건에 따라 코드의 실행 여부를 결정할 수 있습니다. 이번 글에서는 자바스크립트에서 사용되는 여러 가지 조건문과 그 활용법을 알아보겠습니다. if 문가장 기본적인 조건문은 if입니다. if 문은 주어진 조건..
[쉽고 빠르게 배우는 자바스크립트] 3. 연산자
2024.10.05 - [프로그래밍언어/자바스크립트] - [쉽고 빠르게 배우는 자바스크립트] 2. 변수 [쉽고 빠르게 배우는 자바스크립트] 2. 변수2023.05.20 - [프로그래밍언어/자바스크립트] - [쉽고 빠르게 배우는 자바스크립트] 1. 실행 환경 구축하기 [쉽고 빠르게 배우는 자바스크립트] 1. 실행 환경 구축하기2023.05.20 - [프로그래밍언어/자바c4u-rdav.tistory.com 자바스크립트 연산자는 값이나 변수에 대해 연산을 수행하는 특별한 기호입니다. 프로그래밍에서 필수적인 요소로, 기능에 따라 여러 가지 유형으로 나눌 수 있습니다. 이번 글에서는 가장 흔히 사용되는 연산자들을 설명하고 예시를 통해 그 작동 방식을 알아보겠습니다.산술 연산자산술 연산자는 사칙연산과 같은 기본적..
[쉽고 빠르게 배우는 자바스크립트] 2. 변수
2023.05.20 - [프로그래밍언어/자바스크립트] - [쉽고 빠르게 배우는 자바스크립트] 1. 실행 환경 구축하기 [쉽고 빠르게 배우는 자바스크립트] 1. 실행 환경 구축하기2023.05.20 - [프로그래밍언어/자바스크립트] - [쉽고 빠르게 배우는 자바스크립트] 0. 자바스크립트(JS)란 무엇인가 [쉽고 빠르게 배우는 자바스크립트] 0. 자바스크립트(JS)란 무엇인가 자바스크립트c4u-rdav.tistory.com 안녕하세요! 오늘은 자바스크립트에서 변수에 대해 알아보려고 합니다. 변수를 제대로 이해하는 것은 프로그래밍의 첫걸음이라고 할 수 있죠. 함께 차근차근 배워보도록 할게요! 변수란 무엇인가?변수는 값을 저장하는 공간입니다. 쉽게 말하면, 데이터를 저장해 두고 필요할 때 꺼내 쓸 수 있는 ..
[쉽고 빠르게 배우는 자바스크립트] 1. 실행 환경 구축하기
2023.05.20 - [프로그래밍언어/자바스크립트] - [쉽고 빠르게 배우는 자바스크립트] 0. 자바스크립트(JS)란 무엇인가 [쉽고 빠르게 배우는 자바스크립트] 0. 자바스크립트(JS)란 무엇인가자바스크립트란? 자바스크립트는 웹 페이지를 만들기 위해 사용되는 스크립트 언어입니다. 우리가 흔히 볼 수 있는 웹 페이지의 화면에서 단순히 웹 페이지를 정적으로 보여주는 것뿐만 아니라c4u-rdav.tistory.com 자바스크립트 실행자바스크립트는 크게 브라우저에서 실행될 수도 있지만 node.js 로도 실행이 될 수 있습니다. node.js는 크롬의 V8엔진을 이용해서 브라우저가 아닌 다른 환경에서 자바스크립트를 실행할 수 있게 도와주는 런타임 환경입니다. 즉, node.js를 통해서 브라우저 환경에서만 ..
[쉽고 빠르게 배우는 자바스크립트] 0. 자바스크립트(JS)란 무엇인가
자바스크립트란?자바스크립트는 웹 페이지를 만들기 위해 사용되는 스크립트 언어입니다. 우리가 흔히 볼 수 있는 웹 페이지의 화면에서 단순히 웹 페이지를 정적으로 보여주는 것뿐만 아니라 동적인 상호작용이 가능하도록 하는 언어이죠. 기존의 자바스크립트는 브라우저 상에서만 사용할 수 있었는데 현재는 서버, 앱 등 다양한 분야에 사용이 가능하게 되었고, 현재는 아주 인기 있는 언어로 자리 잡고 있습니다. 자바스크립트의 역사1995년 정적인 HTML을 동적으로 표현하기 위해 넷스케이프가 브렌던 아이크(Brendan Eich)를 고용해 개발한 언어가 바로 '자바스크립트'입니다. 1996년 3월 웹 브라우저에 처음으로 탑재되었을 때 이름은 '모카(Mocha)'였고, 그해 9월 '라이브스크립트(LiveScript)'로 ..
[백준(BOJ)] #17298- 오큰수 (파이썬, PyPy3)
문제 https://www.acmicpc.net/problem/17298 17298번: 오큰수 첫째 줄에 수열 A의 크기 N (1 ≤ N ≤ 1,000,000)이 주어진다. 둘째 줄에 수열 A의 원소 A1, A2, ..., AN (1 ≤ Ai ≤ 1,000,000)이 주어진다. www.acmicpc.net 문제 풀이 저는 스택 자료구조를 사용해서 이 문제를 풀었습니다. 2022.06.29 - [CS/자료구조] - [파이썬으로 배우는 자료구조] 스택(Stack), 큐(Queue) [파이썬으로 배우는 자료구조] 스택(Stack), 큐(Queue) 스택(Stack) 스택이란? 스택은 후입선출의 자료구조로 LIFO(Last In First Out)라고 불리기도 합니다. 실생활에서 예를 들어볼까요? 우리가 보통 ..
[네트워크] HTTP와 HTTPS
HTTP HTTP란? HTTP는 HyperText Transfer Protocol의 약어로 인터넷에서 데이터를 주고받을 수 있는 텍스트 기반 통신 프로토콜입니다. HTTP의 동작 HTTP는 클라이언트/서버 모델을 따릅니다. 클라이언트(Client)에서 사용자가 브라우저의 URL을 통해 서비스를 요청(Request)하면 서버(Server)에서 해당 요청사항에 맞는 결과를 찾아 클라이언트에 응답(Response)하는 형태로 동작을 하게 됩니다. HTML 문서 외에도 JSON, XML 등의 데이터를 주고받을 수 있습니다. HTTP의 특징 1) JSON, XML 등의 정보를 주고받을 수 있음 초기에는 HTML과 같은 하이퍼미디어 문서를 주고받을 수 있었지만, 최근에는 JSON, XML 등의 다양한 형태의 데이터..
[파이썬으로 배우는 알고리즘] 선택 정렬(Selection Sort)
선택 정렬(Selection Sort)이란? 선택 정렬은 해당 순서에 원소를 넣을 위치는 이미 정해져 있고, 그 위치에 어떤 원소를 넣을지 "선택"하는 정렬 알고리즘입니다. 선택 정렬 과정 위와 같이 정렬되어 있지 않은 배열을 선택 정렬 알고리즘을 사용하여 정렬해보겠습니다. 제일 왼쪽 인덱스 0 즉, 제일 작은 원소가 들어갈 자리를 정하고, 해당 인덱스에 어떤 원소를 넣을지 다음 원소부터 순서대로 탐색합니다. 11, 2, 4, 3 원소 중에는 2가 제일 작으므로 2의 인덱스 2를 기억합니다. 인덱스 0에 저장된 원소 10과 인덱스 2에 저장된 2를 비교하여 2가 더 작은 것을 알 수 있습니다. 2가 더 작기 때문에 두 원소를 서로 바꿔줍니다. 1회전이 끝나고 인덱스 0의 원소를 구했습니다. 그다음으로 왼..