본문 바로가기

IT∙테크∙프로그래밍

 (55)
VSCode 생산성 높이는 꿀팁 VSCode 사용하면서 생산성 높이는 꿀팁, 많이들 모르는데 엄청 유용함. 이 팁들만 알아도 코딩 속도와 효율 확 달라짐. 코드 조각(Code Snippets) 활용하기: 자주 쓰는 코드 조각 미리 저장해두고 필요할 때 바로 불러오기. 시간 엄청 절약됨. 멀티 커서 기능: 여러 줄 동시에 편집 가능. Alt 클릭으로 여러 곳에 커서 놓고 한 번에 편집하면 엄청 빠름. Zen Mode: Ctrl+K Z로 Zen Mode 진입. 화면 깔끔하게 정리되고 집중하기 좋아짐. 이모지 사용하기: Ctrl+Shift+I로 이모지 패널 열기. 주석이나 문서에 이모지 쓰면 읽기 쉽고 재밌어짐. 마우스 없이 코드 탐색: Ctrl+와 Ctrl-로 코드 줌 인/아웃. Ctrl+G로 특정 줄 바로 가기 가능. 임시 파일로 빠른 ..
VSCode 처음 사용시 알아야 할 개념 10가지 Visual Studio Code (VSCode)는 개발자들 사이에서 인기 있는 코드 편집기입니다. 이 툴을 처음 사용할 때 알아두면 좋은 기본 사용법 및 개념들을 다음과 같이 정리해보았습니다. 확장 프로그램(Extensions) 설치 및 관리 VSCode의 기능을 확장하는 데 필수적입니다. Python, JavaScript 등 특정 언어를 위한 확장 프로그램을 설치하거나 Git과 같은 도구를 통합할 수 있습니다. 명령 팔레트(Command Palette) 사용 Ctrl+Shift+P (Mac: Cmd+Shift+P)를 사용하여 명령 팔레트를 열고 다양한 명령을 빠르게 실행할 수 있습니다. 파일 및 프로젝트 관리 Ctrl+O (Mac: Cmd+O)로 파일을 열거나 Ctrl+K Ctrl+O (Mac: Cm..
소프트웨어 오류 총 정리: Syntax Error부터 File Input/Output Error까지... 프로그램 오류란? 프로그램에서 오류란 코드의 잘못된 부분 또는 실행 중에 예상치 못한 상황이 발생하여 원하는 동작을 수행하지 못하는 상태를 가리킵니다. 이로 인해 프로그램이 예외적인 동작을 보이거나 중단될 수 있습니다. 프로그램 오류는 다음과 같은 종류가 있습니다. 하나하나 알아보겠습니다. 문법 오류(Syntax Error) 런타임 오류(Runtime Error) 논리 오류(Logical Error) 네트워크 오류(Network Error) 메모리 오류(Memory Error) 데이터 입력 오류(Data Input Error) 파일 입출력 오류(File Input/Output Error) 문법 오류(Syntax Error) 이는 코드가 잘못 작성되어 컴파일러가 이해하지 못할 때 발생합니다. 예를 들어, ..
p5.js 예제로 기본 사용법 빠르게 파악하기 p5.js는 예술가, 디자이너, 교육자, 초보자들을 위한 크리에이티브 코딩 라이브러리로, 웹에서 시각적 요소를 쉽게 만들 수 있게 해주는 자바스크립트 기반의 라이브러리입니다. 예전부터 널리 쓰여왔던 processing(Java, Python)이라는 라이브러리가 p5.js로 발전해 온 것이죠. p5.js 학습을 위해서는 다양한 자료도 있고 공식 사이트의 레퍼런스 및 문서도 잘 되어있습니다. 하지만 이번 글에서는 좀더 빠르게 학습하기 위해서 몇 가지 예제를 통해 p5.js의 주요 기능을 압축적으로 소개하겠습니다. 이 예제들은 p5.js 에디터에서 바로 실행할 수 있습니다. (에디터를 열어서 꼭 직접 실행해보는 것을 추천합니다.) 예제 1: 기본 도형 그리기 아래 예제는 기본 도형을 그립니다. p5.js 에디..
Langchain: 혁신적인 AI 언어 모델의 새로운 지평 Langchain은 자연어 처리(NLP)를 위한 강력하고 유연한 오픈소스 Python 라이브러리로, AI 기반 대화 시스템의 개발을 간소화하고 효율화하는 데 중점을 두고 있습니다. 이 라이브러리는 다양한 언어 모델과의 통합, 유연한 대화 관리, 지식 검색 및 통합 등의 기능을 제공하여, 사용자가 복잡한 NLP 시스템을 쉽게 구축할 수 있도록 지원합니다. Langchain의 주요 특징 Langchain은 다음과 같은 주요 특징을 갖추고 있습니다. 다양한 언어 모델 통합: 여러 언어 모델과의 쉬운 통합을 지원합니다. 유연한 대화 관리: 대화의 맥락을 관리하고, 복잡한 대화 흐름을 구성할 수 있습니다. 지식 검색 및 통합: 외부 지식 소스에서 정보를 검색하고 이를 대화에 통합합니다. 사용자 정의 가능: 사용자..
번들 최적화를 통해 페이지의 성능 향상시키기 웹 개발에서 우리가 목표하는 바는 사용자에게 더 나은 경험을 제공하는 것입니다. 번들 크기를 줄이는 것은 로딩 시간을 단축시키고, 데이터 사용을 줄이며, 사용자 경험을 향상시킵니다. 이 과정은 웹사이트가 더 빠르고 효율적으로 반응할 수 있도록 돕는 중요한 단계입니다. 사용하지 않는 코드가 생기는 이유 웹 애플리케이션 개발 과정에서 사용하지 않는 코드가 발생합니다. 이 코드들은 다양한 이유로 나타나며, 애플리케이션의 성능에 부정적인 영향을 미칩니다. 1. 레거시 코드(Legacy Code): 과거에 필요했던 기능이 현재 요구사항과 맞지 않을 때, 해당 코드는 더 이상 쓸모가 없게 됩니다. 2. 중복 코드: 여러 개발자가 비슷한 기능을 다른 방식으로 구현하면서 코드가 중복됩니다. 3. 큰 라이브러리: 큰 라..
[컴파일러 설계]Parser와 AST의 개념 및 이해 이번 포스팅에서는 프로그래밍에서 중요한 두 가지 개념인 파서(Parser)와 추상 구문 트리(AST: Abstract Syntax Tree)에 대해 자세히 알아보겠습니다. 이들은 코드를 해석하고 분석하는 데 필수적인 요소로, 소프트웨어 개발과 특히 컴파일러 설계에 중추적인 역할을 합니다. 1. 파서(Parser)의 개념 및 이해 정의 및 역할: 파서는 원시 코드를 입력으로 받아 구조화된 데이터(주로 AST)로 변환하는 프로세스를 담당합니다. 이는 프로그래밍 언어의 문법에 따라 코드를 읽고 이해하는 과정을 포함합니다. 작동 원리: 파서는 먼저 코드를 작은 단위인 토큰으로 분해합니다. 이 토큰들은 코드의 기본 요소, 예를 들어 변수, 연산자, 키워드 등으로 구성됩니다. 그 후, 이 토큰들을 이용하여 AST를..
React vs. React Native: 이해하기 쉬운 가이드 웹 개발과 모바일 앱 개발에 대해 배우기 시작했다면, 'React'와 'React Native'라는 용어를 마주쳤을 것입니다. 이 둘은 종종 혼동을 일으키지만, 각각의 사용 사례와 기능을 가지고 있습니다. 이 글에서는 초보자가 이해할 수 있도록 두 기술을 비교하면서 차이점을 알아보겠습니다. React란 무엇인가?웹 개발을 위한 JavaScript 라이브러리 React는 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리입니다. 주로 웹 애플리케이션의 프론트엔드 개발에 사용되며, '컴포넌트'라는 개념을 통해 재사용 가능한 UI 조각을 만들 수 있게 돕습니다. 예를 들어, 웹사이 버튼이나 입력 필드 같은 요소들은 React 컴포넌트로 만들어져 여러 페이지에서 재사용될 수 있습니다. React N..

티스토리툴바