티스토리

소신의 블로그생활

검색하기

블로그 홈

소신의 블로그생활

wolfy.tistory.com/m

개발지식 인테리어

구독자: 50

방명록 방문하기

반응형

주요 글 목록

자바 스프링부트 vscode에서 devtools 핫 리로드가 안될때 CTRL + , -> java 검색하고 java debug settings hot code replace auto 확인 vscode를 재설치하는게 나을수도있음%USERPROFILE%\AppData\Roaming\Code (캐시 삭제)%USERPROFILE%\.vscode\extensions (확장프로그램 삭제) 재설치하고 재부팅하니 잘 작동함그리고 뭔가 속도가 더 빨라진 느낌..? 이것저것 많이 붙여놨었나 원래 debug console에서 색깔이 나왔던 것 같은데 안나오고 뭔가 이상한 기호가 붙어있는데..ansi코드가 원래 디버그콘솔에서 안먹었나 화나네 공감수 0 댓글수 0 2024. 10. 6.
개발자 모임 여우별 팀원 모집 안녕하세요! 😊여우별 개발자 모임에 관심을 가져주셔서 감사합니다. 여러분과 함께 성장하고 지식을 나누기 위해 아래와 같이 모임을 소개드리고자 합니다.🌟 여우별 개발자 모임 🌟여우별은 다양한 분야의 개발자들이 모여 1주일에 최소 5커밋을 달성하며 서로의 경험과 지식을 공유하는 네트워킹 커뮤니티입니다. 성실한 개발자 분들의 많은 참여 부탁드립니다!📌 모임의 목적지속적인 코드 작성을 통해 개발 실력 향상경험 공유로 새로운 아이디어와 솔루션 발견네트워킹을 통해 협업 기회 확대📌 가입 조건1주일에 최소 5커밋 이상 가능한 분다양한 분야의 개발자 누구나 환영성실하고 적극적인 참여 의지📌 주요 활동주간 코드 리뷰: 서로의 코드를 리뷰하며 피드백 제공월간 기술 세미나: 각자의 전문 분야에 대해 발표 및 토론.. 공감수 0 댓글수 0 2024. 9. 27.
Rust Axum 테스팅 자동화 커리큘럼 학습 이야기 최종 소스코드 (깃허브 링크) GitHub - devsosin/test_automation_rust_axumContribute to devsosin/test_automation_rust_axum development by creating an account on GitHub.github.com 기존 지식웹 풀스택 개발 경험이 좀 있고 AWS EC2 배포 경험, 도커 활용 Jenkins CI/CD 구축 등 다양하게 해봄python, javascript, java 언어 공부했고django, fastapi, expressjs, reactjs, springboot 사용해봤음 1. 클론 코딩전반적인 백엔드 API 구조는 알고 있었기 때문에 아래 영상을 보며 rust와 axum에 대해서 감을 잡음Rust Axum.. 공감수 0 댓글수 0 2024. 9. 24.
&Axum SQLx를 활용한 데이터베이스 중급 - 성능 모니터링 데이터베이스 성능 모니터링은 애플리케이션의 안정성과 효율성을 유지하는 데 필수적입니다. 데이터베이스의 성능 문제는 전체 시스템의 병목 현상을 초래할 수 있으므로, 적절한 모니터링을 통해 문제를 조기에 발견하고 해결하는 것이 중요합니다. 이번 글에서는 PostgreSQL의 성능 모니터링 도구를 소개하고, 실시간 쿼리 모니터링 및 분석 방법을 살펴보겠습니다.5-1. PostgreSQL의 성능 모니터링 도구 소개1. 성능 모니터링의 중요성문제 조기 발견: 성능 저하나 오류를 빠르게 감지하여 대응할 수 있습니다.자원 최적화: 시스템 자원의 효율적인 사용을 통해 비용 절감과 성능 향상을 도모합니다.사용자 경험 개선: 빠르고 안정적인 서비스를 제공하여 사용자 만족도를 높입니다.2. PostgreSQL의 내장 성능 .. 공감수 0 댓글수 0 2024. 9. 24.
&Axum SQLx를 활용한 데이터베이스 중급 - 고급 쿼리와 최적화 기법 이번 글에서는 데이터베이스를 효율적으로 사용하기 위한 고급 쿼리 작성 및 최적화 기법을 다룹니다. 특히 CTE(Common Table Expressions), 인덱스 적용 방법, 복잡한 조인과 서브쿼리 작성, 쿼리 성능 분석 및 최적화 방법을 집중적으로 살펴보겠습니다. 이를 통해 복잡한 데이터베이스 작업을 효율적으로 처리하고, 애플리케이션의 성능을 향상시킬 수 있습니다.4-1. CTE(Common Table Expressions)의 이해1. CTE란 무엇인가?CTE(Common Table Expression)는 쿼리 내에서 임시 결과셋을 정의하고 이를 다른 쿼리에서 재사용할 수 있도록 하는 SQL 기능입니다. CTE는 WITH 키워드를 사용하여 정의하며, 복잡한 쿼리를 읽기 쉽고 유지보수하기 쉽게 만들어.. 공감수 0 댓글수 0 2024. 9. 24.
&Axum SQLx를 활용한 데이터베이스 중급 - 마이그레이션 (Migration) 데이터베이스 마이그레이션은 애플리케이션 개발에서 필수적인 부분입니다. 스키마 변경, 새로운 테이블 추가, 기존 테이블 수정 등의 작업을 체계적으로 관리해야 합니다. 이 글에서는 마이그레이션의 필요성과 개념을 이해하고, sqlx-cli를 사용하여 데이터베이스 마이그레이션을 관리하는 방법을 알아보겠습니다. 또한, 실제로 데이터베이스 스키마 버전 관리를 실습해 보겠습니다.3-1. 마이그레이션의 필요성과 개념 이해1. 마이그레이션이란?마이그레이션(Migration)은 데이터베이스의 스키마 변경 사항을 관리하고 적용하는 과정을 말합니다. 마이그레이션을 통해 다음을 수행할 수 있습니다.새로운 테이블 생성기존 테이블 수정 (컬럼 추가, 삭제, 변경)인덱스, 제약 조건 추가 또는 제거데이터 변환 또는 초기 데이터 삽입.. 공감수 0 댓글수 0 2024. 9. 24.
&Axum SQLx를 활용한 데이터베이스 중급 - 데이터베이스 연동 이번 글에서는 SQLx를 활용하여 Rust 애플리케이션과 PostgreSQL 데이터베이스를 연동하는 방법을 알아보겠습니다. SQLx는 Rust에서 비동기적으로 SQL 데이터베이스에 접근할 수 있도록 도와주는 강력한 크레이트입니다. 이전 글에서 Docker를 활용하여 PostgreSQL 환경을 설정했으므로, 이제 실제로 데이터베이스에 연결하고 데이터를 조작해 보겠습니다.2-1. SQLx 소개 및 설치1. SQLx란?SQLx는 Rust에서 비동기 SQL 데이터베이스 작업을 수행할 수 있게 해주는 크레이트입니다. 주요 특징은 다음과 같습니다.비동기 지원: Tokio와 같은 비동기 런타임과 함께 사용하여 비동기 데이터베이스 작업을 수행할 수 있습니다.커넥션 풀링: 효율적인 데이터베이스 연결 관리를 제공합니다.안.. 공감수 0 댓글수 0 2024. 9. 24.
&Axum SQLx를 활용한 데이터베이스 중급 - Docker를 활용한 PostgreSQL 환경 설정 이 글에서는 Docker와 Docker Compose를 활용하여 PostgreSQL 데이터베이스를 설정하는 방법을 알아보겠습니다. Docker를 사용하면 로컬 환경에 직접 설치하지 않고도 데이터베이스를 컨테이너로 관리할 수 있어 개발 환경 설정이 간편해지고 일관성을 유지할 수 있습니다.1. Docker와 Docker Compose 소개 및 설치1.1 Docker 소개Docker는 애플리케이션을 컨테이너로 패키징하여 배포하고 실행할 수 있는 플랫폼입니다. 컨테이너는 애플리케이션과 그 실행 환경을 함께 묶어 일관된 환경에서 실행할 수 있도록 도와줍니다.1.2 Docker 설치운영체제별 Docker 설치 방법은 다음과 같습니다.WindowsDocker Desktop for Windows를 설치합니다.설치 링크.. 공감수 0 댓글수 0 2024. 9. 24.
Rust와 Axum을 활용한 웹 백엔드 개발 - 간단한 가계부 웹 API 이번 섹션에서는 Rust와 Axum을 활용하여 간단한 가계부 웹 애플리케이션을 구축합니다. 프로젝트 요구사항을 분석하고, CRUD 엔드포인트를 구현하며, 요청 파라미터와 경로 변수를 처리하는 방법을 배워보겠습니다. 또한 JSON 데이터의 직렬화 및 역직렬화, 에러 처리와 커스텀 에러 응답까지 다루어 실제 서비스 개발에 필요한 기본기를 익힙니다.2-1. 프로젝트 요구사항 분석 및 설계1. 프로젝트 개요목적: 간단한 가계부 애플리케이션을 구축하여 수입과 지출을 관리할 수 있도록 합니다.주요 기능:가계부(Book) 생성, 조회, 수정, 삭제 기능수입/지출 기록(Record) 추가, 조회, 수정, 삭제 기능카테고리(Category) 관리 (선택 사항)2. 데이터 모델 설계간단하게 하기 위해 데이터 모델을 다음과.. 공감수 0 댓글수 0 2024. 9. 24.
Rust와 Axum을 활용한 웹 백엔드 개발 - Axum 프레임워크 소개 1-1. Axum의 특징과 설치Axum의 주요 특징Axum은 Rust로 작성된 경량의 웹 애플리케이션 프레임워크로, Tokio 비동기 런타임을 기반으로 합니다. 주요 특징은 다음과 같습니다:간단한 라우팅: 함수와 경로를 간단하게 매핑하여 핸들러를 정의할 수 있습니다.비동기 지원: Tokio 런타임과 함께 비동기 프로그래밍을 효율적으로 지원합니다.확장성: 다른 라이브러리와의 통합이 용이하며, 필요한 기능을 모듈화하여 사용할 수 있습니다.상태 관리 용이성: 애플리케이션 상태를 쉽게 공유하고 관리할 수 있습니다.Axum 설치하기Axum을 사용하려면 Cargo.toml 파일에 의존성을 추가해야 합니다.[dependencies]axum = "0.7"tokio = { version = "1", features = .. 공감수 0 댓글수 0 2024. 9. 24.
Rust와 Axum을 활용한 웹 백엔드 개발 - 비동기 프로그래밍 비동기 프로그래밍은 프로그램이 동시에 여러 작업을 처리할 수 있도록 해줍니다. 이는 특히 네트워크 요청, 파일 I/O 등 대기 시간이 긴 작업에서 효율적인 자원 활용을 가능하게 합니다. Rust는 안전성과 성능을 겸비한 비동기 프로그래밍 모델을 제공합니다. 이번 글에서는 Rust에서의 비동기 프로그래밍에 대해 알아보고, async와 await 키워드를 사용하여 비동기 코드를 작성하는 방법을 배워보겠습니다.1. 비동기 프로그래밍 이해하기1.1 동기와 비동기의 차이점동기(synchronous) 프로그래밍: 작업이 순차적으로 실행되며, 이전 작업이 완료되어야 다음 작업을 시작할 수 있습니다.비동기(asynchronous) 프로그래밍: 작업이 동시에 진행될 수 있으며, 하나의 작업이 완료되기를 기다리지 않고 다.. 공감수 0 댓글수 0 2024. 9. 23.
Rust와 Axum을 활용한 웹 백엔드 개발 - 기본 문법: 변수, 함수, 소유권 추천 실습자료 : Rust Exercise Rust는 안전성, 성능, 병행성을 강조하는 시스템 프로그래밍 언어입니다. 다른 언어와 구별되는 Rust만의 독특한 문법과 개념들은 처음에는 다소 복잡하게 느껴질 수 있지만, 이를 이해하면 강력하고 안정적인 코드를 작성할 수 있습니다. 이번 글에서는 Rust의 핵심 문법인 변수, 데이터 타입, 함수, 제어 흐름, 소유권, 구조체와 열거형 등을 자세히 살펴보겠습니다. 1. 변수와 가변성1.1 변수 선언과 불변성Rust에서 변수는 기본적으로 불변성(immutable)입니다. 즉, 변수의 값을 변경할 수 없습니다.fn main() { let x = 5; println!("x의 값은 {}입니다.", x); // x = 6; // 컴파일 에러 발생: 불변.. 공감수 0 댓글수 0 2024. 9. 23.
Rust와 Axum을 활용한 웹 백엔드 개발 - Rust 개발환경 구축 소개올바른 개발환경을 구축하는 것은 효율적이고 생산적인 개발을 위해 필수적입니다. 이 글에서는 Windows, Linux, MacOS에서 Rust 백엔드 개발을 위한 환경을 구축하는 방법을 설명합니다. 사용할 도구와 기술로는 언어 자체인 Rust, 패키지 관리 도구인 Cargo, 그리고 코드 에디터인 Visual Studio Code가 있습니다.1. Rust 설치Rust는 rustup이라는 공식 설치 도구를 통해 쉽게 설치하고 관리할 수 있습니다.1.1 Windows에서 Rust 설치rustup 설치 프로그램 다운로드Rust 설치 사이트에서 rustup-init.exe 설치 프로그램을 다운로드합니다.설치 프로그램 실행다운로드한 rustup-init.exe 파일을 실행합니다.설치 옵션 선택터미널 창이 열리.. 공감수 0 댓글수 0 2024. 9. 23.
[Docker] python 경량화 + 빌드속도 최적화 이미지 (+ selenium 설정 추가) 240906 문제 해결 추가 ㅁ 파일구조폴더구조는 이렇게 가져가는게 Docker로 배포하기 편한듯ㅁDockerfile3.9 버전 러버라 파이썬 쓸 떈 3.9 이미지를 주로 사용캐싱을 활용한 빌드속도 최적화셀레니움을 위한 크롬 설치 ### 20240906 수정 Stable 버전인 128.0.6613.119-1 크롬 설치 후 셀레니움 실행 시 disconnected: not connected to DevTools 에러 발생1. 윈도우에서 테스트해보니 에러메시지 [WinError 193] %1은(는) 올바른 Win32 응용 프로그램이 아닙니다webdriver-manager가 THIRD_PARTY_NOTICES.chromedriver를 가져오는 것을 확인하여 수정해봄 -> 도커에서는 적용되지 않음.2. 결국 특정 버전의 크롬을 설치하는 방.. 공감수 0 댓글수 0 2024. 7. 6.
Rust AXUM+MongoDB로 RestAPI 서버 개발하기 - AWS Lambda 활용 이미지 리사이징 AWS Lambda를 활용하여 Amazon S3에 업로드된 이미지를 자동으로 리사이징하는 과정을 자세히 다룹니다. 이 기능은 서버리스 아키텍처를 통해 이미지 처리를 자동화하여 리소스 사용을 최적화하고, 응용 프로그램의 성능을 향상시킬 수 있습니다. AWS Lambda와 S3 버킷 간의 연동 방법부터 실제 이미지 처리 로직의 구현까지, 단계별로 알아보겠습니다.0. 리소스 최적화의 중요성이번 편에서는 AWS Lambda를 이용해 S3 버킷에 업로드된 이미지 파일을 자동으로 리사이징하는 방법을 살펴봅니다. 이 과정은 효율적인 이미지 관리를 가능하게 하며, 웹사이트의 로딩 시간을 줄이고 사용자 경험을 향상시키는 데 중요한 역할을 합니다.1. AWS Lambda와 S3 트리거 설정, S3 권한 부여AWS Lamb.. 공감수 0 댓글수 0 2024. 6. 28.
주문 수집 발송 처리 자동화 - 스마트스토어 톡스토어 쿠팡 인터파크 커머스 스토어를 운영하는 많은 사업자들이 느끼는 어려움 중 하나는 주문 관리와 배송 처리의 비효율성입니다. 매일 쏟아지는 주문을 수작업으로 처리하는 것은 시간과 노력이 많이 들며, 실수가 발생할 가능성도 높습니다. 이런 문제를 해결하기 위해 저희는 커머스 자동화 프로그램을 개발했습니다. ㅁ 주요 기능 및 강점1. 주문 수집 및 발송 처리 속도저희 커머스 자동화 프로그램의 가장 큰 강점 중 하나는 주문 수집부터 발송 처리까지의 속도입니다. 모든 프로세스가 자동으로 이루어지며, 10초 이내에 완료됩니다. 실제로는 프로그램이 내부적으로 10초의 대기 시간을 가지므로, 실제 처리 시간은 5~6초에 불과합니다. 셀레니움과 같은 가상 브라우저를 통한 자동화가 아닌, 세션정보를 통한 직접 요청방식으로 본 프로그램을 .. 공감수 0 댓글수 0 2024. 6. 13.
Rust AXUM+MongoDB로 RestAPI 서버 개발하기 - AWS S3 연동 이미지 업로드 Rust를 사용한 Axum 서버에서 Amazon S3에 이미지를 저장하는 과정에서 Pre-signed URL을 활용하는 방법은 클라이언트가 서버를 거치지 않고 직접 S3에 파일을 업로드할 수 있게 해주면서도 보안을 유지할 수 있는 효율적인 방법입니다. 이 과정에서 Axum 서버는 Pre-signed URL을 생성하고, 업로드 될 파일의 content_type과 S3 key를 관리하여 데이터베이스에 저장하는 로직만 수행합니다. 다음은 이 과정을 설명하기 위한 순서와 설명입니다: 0. 사전 준비 사항 AWS 이미지를 저장해놓을 S3 Bucket 디렉토리 구조는 원본 이미지를 저장해놓을 raw/ 이미지 크기 별 폴더 w140/ w600/로 구분해놓았습니다. lambda 활용하여 이미지 크기를 조정하여 저장해놓.. 공감수 0 댓글수 0 2024. 3. 27.
지프스피릿(JEEP Spirit) 남성 벨트 추천: BT-475 소가죽 남성벨트 세련된 남성을 위한 선택, 지프스피릿 BT-475 남성벨트 안녕하세요, 패션을 사랑하는 여러분. 오늘 여러분에게 추천하고 싶은 아이템은 바로 '지프스피릿(JEEP Spirit) 남성벨트 BT-475'입니다. 심플하면서도 강렬한 디자인 지프의 스피릿을 담은 이 벨트는 미니멀리즘과 실용성을 동시에 갖추었습니다. 심플한 버클 디자인이 특징으로, 어떤 정장에도 완벽하게 어울리며, 스타일을 한층 업그레이드시켜줄 것입니다. 최상의 품질, 소가죽의 견고함 BT-475는 고품질 소가죽으로 만들어져 오랫동안 사용해도 변함없는 견고함을 자랑합니다. 제품을 보호하고 보관할 수 있는 전용 케이스가 함께 제공되어, 선물하기에도 이상적입니다. 다양성을 존중하는 지프스피릿 다양한 사이즈와 조절 가능한 길이로 모든 분들이 편안하게 .. 공감수 0 댓글수 0 2024. 3. 21.
Rust AXUM+MongoDB로 RestAPI 서버 개발하기 - 프로젝트 설정 Rust AXUM을 활용한 RestfulAPI 웹 애플리케이션 서버를 개발해봅시다. 전체적인 폴더구조, 흐름은 다음과 같습니다. 프로젝트 시작 cargo new {project_name} --bin 0. 프로젝트 폴더 구조 src/ |-- main.rs |-- .env |-- {domain}/ |-- mod.rs |-- entity.rs |-- handler.rs |-- usecase.rs |-- repository.rs |-- dto/ |-- mod.rs |-- req.rs |-- res.rs |-- config/ |-- mod.rs |-- database.rs 1. 필수 패키지 설치 먼저, 프로젝트를 시작하기 전에 Cargo.toml 파일에 다음 패키지들을 추가해야 합니다: axum: 웹 애플리케이션.. 공감수 1 댓글수 0 2024. 3. 10.
Dealing with sub-packages (or sub-modules) in Rust When dealing with sub-packages (or sub-modules) in Rust, especially in larger projects like an axum web application, structuring your code effectively is key to maintaining clarity and manageability. Let's address your example structure and how you can organize and reference these modules and sub-modules. Given your project structure: src/main.rs src/photo/handler.rs src/photo/usecase.rs src/pho.. 공감수 0 댓글수 0 2024. 3. 8.
Mastering Rust: A Guide to Managing Modules and Packages Introduction: Rust, a system programming language known for its safety and performance, offers a powerful module system that facilitates the organization and reuse of code. Understanding how to effectively manage modules and packages is essential for Rust developers looking to build robust and maintainable applications. This guide will take you through the basics of Rust's module system, package.. 공감수 0 댓글수 0 2024. 3. 7.
Understanding Result, map_err, ?, Ok, and Err in Rust with Axum JWT Authentication Rust's powerful error handling model is exemplified by its use of the Result type, which represents either success (Ok) or failure (Err). This model encourages explicit handling of all possible errors, making Rust programs more robust and reliable. In the context of web development with Axum, a web framework for Rust, understanding how to effectively use Result, map_err, ?, Ok, and Err is crucia.. 공감수 0 댓글수 0 2024. 2. 28.
다이슨 빨간불 해결, 모델 확인 방법, Dyson V8 배터리, 필터 교체 방법 (+ 무선청소기 추천) ▶ 다이슨 충전 시 빨간 불이 들어왔다면? 1. 배터리 교체하자마자 이런 현상이 발생하였다면 → 불량, 제조사 확인 2. 불량이 아니라면 → 배터리 수명다함 ▶ 다이슨 모델 확인 방법 다이슨 손잡이 하단에 있는 dyson 오른쪽 위 SV10 모델버전을 확인 ! 모델 별 상품명 확인 모델명 상품명 SV07 , SV09 V6 SV11 V7 SV10 V8 SV12 V10 ▶ 다이슨 분해 우선 청소기를 분해하겠습니다 1. 필터 분리 뒤쪽에 달린 헤파 필터는 그냥 가볍게 돌리면 분리가 됩니다. 프리필터 부분은 위쪽으로 잡아당겨야 하는데 조금 힘을 들이면 쉽게 분리됩니다. 2. 본체 분리 청소기 본체는 저 빨간색 버튼을 누르고 위로, 아래쪽에 청소기 통은 안쪽으로 밀고 아래로 빼면 분리가 됩니다. 오 gif 매끄러.. 공감수 0 댓글수 0 2024. 1. 11.
React HoC 고차 컴포넌트에 대한 이해 (예제 포함) React에서 고차 컴포넌트(Higher-Order Component, HoC)는 컴포넌트를 인자로 받아 새로운 컴포넌트를 반환하는 함수입니다. HoC는 컴포넌트의 재사용성, 로직 공유, 상태 추상화, prop 조작 등에 유용합니다. HoC의 기본적인 구조는 다음과 같습니다: function withHoC(WrappedComponent) { // 반환되는 새로운 컴포넌트 return function(props) { // 추가 로직이나 상태를 이곳에 작성 // ... // WrappedComponent에 props를 전달 return ; }; } HoC 예제: 로딩 상태 관리 예를 들어, 여러 컴포넌트에서 공통적으로 사용되는 로딩 상태 관리 로직을 HoC를 사용하여 구현할 수 있습니다. 아래는 로딩 상태를.. 공감수 0 댓글수 0 2024. 1. 10.
[React] useEffect와 useMemo 차이 useEffect와 useMemo는 React의 훅(Hook)이지만, 사용 목적과 동작 방식이 서로 다릅니다. 차이점 요약 useEffect는 컴포넌트가 렌더링된 후에 실행되는 부수 효과를 다루는 데 사용됩니다. useMemo는 계산 비용이 높은 연산의 결과를 메모이제이션하여 성능을 최적화하는 데 사용됩니다. useEffect는 DOM 업데이트, 데이터 가져오기, 구독 설정과 같은 작업에 주로 사용됩니다. useMemo는 복잡한 계산이나 재계산을 피해야 하는 값의 계산에 주로 사용됩니다. 1. useEffect 목적: useEffect는 컴포넌트의 렌더링이 완료된 후에 부수 효과(side effects)를 수행하기 위해 사용됩니다. 부수 효과는 데이터 가져오기, 구독 설정, 수동으로 DOM 조작하는 것 .. 공감수 0 댓글수 0 2024. 1. 9.
flex기반 CSS 스킬 정렬, 요소 배치, 등 웹 화면을 그릴 때 자주 사용하는 CSS 기법들을 정리해보았다. 순서 특정 요소 내 정가운데 정렬 화면 가운데 정렬 내부 요소 크기 조정 1. 특정 요소 내 정가운데 정렬 .flex-center{ display: flex; justify-content: center; align-items: center; } div 박스 내에 있는 요소를 정가운데에 정렬해야 할 경우 사용한다. 2. 화면 가운데 정렬 .screen-center { width: 100%; max-width: 393px; (screen-x 화면 최대 크기) height: 100%; display: flex; align-items: center; /* fixed center */ position: fixed; top: 5.. 공감수 0 댓글수 0 2024. 1. 5.
Prettier VSCODE에서 사용하기 Prettier는 코드 포매터로 저장 시 자동으로 코드를 깔끔하게 정리해주는 라이브러리이다. 이번에 프론트엔드 협업을 진행하면서 코드를 맞추기위해 Prettier를 사용해야했고, VScode에서 사용하는 법을 정리하려고 한다. prettier-vscode github Prettier (Code Formmater) doc 협업함에 있어 컨벤션을 정하는 것은 당연히 중요하지만 코드 가독성을 높이기 위해서 줄바꿈, 들여쓰기를 적절히 하는것도 중요하다. 본 글은 node로 생성한 프로젝트가 있다는 가정하에 진행한다. 순서 1. prettier 설치 2. prettier 설정 3. vscode 설정 1. prettier 설치 package.json이 들어가있는 Node 프로젝트라면 환경에 상관없이 사용가능 npm.. 공감수 0 댓글수 0 2024. 1. 5.
코딩 스타일 가이드 코딩 스타일 가이드는 2인 이상이라면 규모에 상관없이 정하고간다. 2인 팀의 소규모 프로젝트부터 기업과 같이 인원수가 많은 곳 어디든 스타일 가이드는 코드리뷰와 유지보수를 위해 중요하다. 주로 컨벤션이라고 함 스타일가이드 스타일 가이드의 기본적인 의미는 프로젝트를 시작할 때 최종 제품의 시각적 이미지 및 표현을 정의하고 디자인 및 개발 프로세스를 계획하는 데 사용하기 위한 것이다. 코딩 스타일 가이드는 코드의 표현을 정의하는 것이라고 볼 수 있다. 순서 1. 개발 언어 별 변수, 함수, 클래스 네이밍 규칙 2. git flow 3. IT 기업 스타일 가이드 4. 참고자료 1. 개발 언어 별 변수, 함수, 클래스 네이밍 규칙 파이썬 (Python) # variable snake_case = True # c.. 공감수 0 댓글수 0 2024. 1. 5.
Linux기반 OS (Ubuntu) 터미널 명령어 정리 기본적으로 Ubuntu나 Linux서버는 AWS에서 빌려서 사용하는 경우가 많고, 주된 사용 목적은 웹서버, crontab으로 돌리는 파이썬 프로그램이다. CLI (Command Line Interface) 명령어 인터페이스 = 터미널 순서 1. 경로 2. 파일 관리 3. vim editor 1. 경로 pwd : 현재 위치를 출력 cd : 경로 변경 ls : 현재 경로에 있는 파일, 경로목록 출력 ls -a : 숨김폴더까지 모두 출력 ls -l : 권한, 상세정보 출력 ls -al 2. 파일관리 mkdir : 폴더 생성 cp : 파일 복사 (잘 사용안하고 파이썬 파일로 코딩해서 씀) mv : 파일 이동 (마찬가지) rm : 삭제 (디렉토리 삭제 시 -r 옵션, -f 시 즉시 삭제) touch : 파일 생.. 공감수 0 댓글수 0 2024. 1. 5.
Screen 백그라운드에서 가상 터미널로 프로그램 실행하기 [Linux, Ubuntu] 가끔은 cron을 통한 잡 스케줄러보다, 특정 프로그램을 서버에서 계속해서 실행해야 하는 경우가 있다. 클라우드 서버에서 접속하면 생성되는 터미널은 기본적으로 접속을 끊는 순간 종료되기 때문에, 백그라운드에서 돌아가고 언제든 꺼내볼 수 있는 가상 터미널을 생성하는 screen 명령어가 굉장히 유용하다. Screen Linux기반 OS에서 독립적으로 동작하는 가상 터미널을 생성하는 소프트웨어 위키백과에서는 여러 가상 콘솔을 다중화하는데 쓰이는 응용 소프트웨어이자 터미널 다중화기라고 정의하고있다. 순서 1. 스크린 생성 2. 스크린 빠져나오기 3. 스크린 재접속 4. 스크린 확인 5. 스크린 종료 1. 스크린 생성 vscode 환경에서 접속했다 가정 screen options -S [스크린 이름] : 해당 .. 공감수 0 댓글수 0 2024. 1. 5.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.