[TIL]서버 접속 도구별 SSH&SFTP 사용법

개요​현장마다 사용하는 서버 접속 도구가 다릅니다. 이 문서는 SecureCRT, Xshell, Termius로 서버에 접속하고 파일을 업로드하는 순서를 화면에 맞춰 설명합니다. MobaXterm과 PuTTY는 원본 자료에 설치 링크만 있어 링크를 함께 정리했습니다.​예시 화면은 Trombone 3.0.5.1 환경에서 캡처됐습니다. 화면에 보이는 호스트·계정·폴더는 예시입니다. 작업할 서버 주소, 포트, 계정, 인증 방식과 업로드 대상 폴더는 승인된 운영 정보에서 확인하세요. 비밀번호나 개인 키는 이 문서에 적지 않습니다.​설치 링크​| 도구 | 설치·제품 안내 || --- | --- || SecureCRT | VanDyke 공식 사이트 || Xshell | NetSarang 공식 사이트 || Termi..

• format_list_bulleted 컴퓨터 CS
• · 2026. 10. 14.
• textsms

[TIL]이미지 lazy 로딩

[TIL] React에서 IntersectionObserver로 이미지 Lazy Loading 직접 구현하기2026.10.13 | React · JavaScript · IntersectionObserver · Lazy Loading1. 시작하며이미지 Lazy Loading은 프론트엔드 개발을 하면서 비교적 익숙하게 접했던 개념입니다.사용자에게 당장 필요하지 않은 이미지까지 처음부터 모두 불러오는 대신, 화면에 가까워졌을 때 로딩하도록 처리하는 방식입니다.React에서도 이미지를 지연 로딩하는 방법은 다양합니다. 가장 간단하게는 HTML의 loading="lazy" 속성을 사용할 수 있고, 관련 라이브러리를 활용하는 방법도 있습니다.그런데 이번에는 이러한 기능에 의존하지 않고, 브라우저 API를 이용해 이..

• format_list_bulleted 카테고리 없음
• · 2026. 10. 13.
• textsms

[TIL]하네스 엔지니어링 입문 1

하네스 엔지니어링, 처음부터 이해하기모델이 일을 끝까지 해내도록 작업 환경을 설계하는 방법먼저, 한 문장으로하네스는 AI 모델이 자료를 확인하고, 도구를 쓰고, 결과를 검증한 뒤, 필요하면 고쳐서 일을 마치도록 둘러싼 작업 환경이다. 모델에게 좋은 문장으로 지시하는 것에서 그치지 않고 입력, 권한, 실행 순서, 산출물, 종료 기준을 함께 정한다. Anthropic의 장기 작업 사례“커밋 메시지를 써 줘”라는 요청을 예로 들어 보자. 변경 내용을 보지 않아도 모델은 그럴듯한 메시지를 만들 수 있다. 그러나 메시지가 실제 변경을 설명하는지는 별개의 문제다. 실습 저장소의 30분 예제는 이 작업을 다음 순서로 묶는다.스테이지된 변경 확인→ 작성자가 초안 작성→ 검토자가 같은 변경과 초안 대조→ PASS면 사람..

• format_list_bulleted 기타
• · 2026. 10. 8.
• textsms

[TIL] 대 AI 시대에 프레임워크가 필요할까? (FE)

LLM이 코드를 만든다면, 프레임워크는 왜 필요할까?저도 비슷한 생각을 한 적이 있습니다.LLM에게 “HTML, CSS, JavaScript만 사용해서 만들어줘”라고 요청해도 제법 완성도 있는 화면이 나옵니다. 컴포넌트 문법이나 프레임워크 설정을 설명하지 않아도 버튼이 동작하고, 레이아웃이 잡히고, 필요한 기능도 구현됩니다. 코드의 모양보다 결과가 중요해지는 시대라면 이런 질문이 자연스럽게 따라옵니다.LLM이 코드를 대신 작성해 준다면, 굳이 React 같은 프레임워크를 써야 할까요?많은 개발자가 여전히 React와 여러 프레임워크를 사용하는 이유는 익숙해서일까요? 아니면 프레임워크가 해결하는 문제가 아직 남아 있기 때문일까요?Brooks Lybrand는 「Do Frameworks Matter Anymo..

• format_list_bulleted 잡담
• · 2026. 10. 7.
• textsms

[TIL]인프라 개념 정리: 클라우드, 서버, 시스템 설계 및 운영 절차

인프라 개념을 정리하며들어가기에 앞서개발하다 인프라와 관련된 상황이나 문제를 마주했을 때, 기본 개념이 부족해 상황을 정확히 이해하지 못하는 경우가 있었다 이번 기회에 인프라의 기본 개념을 다시 살펴보고, 이해한 내용을 글로 정리해 보려고 한다1 인프라의 형태와 선택가상화와 클라우드VMware, OpenStack, CloudStack 같은 기술은 가상화 자원이나 클라우드 인프라를 관리하는 데 사용된다IaC(Infrastructure as Code)는 서버와 네트워크 같은 인프라 구성을 코드로 정의하고, 반복해서 구축하거나 변경할 수 있게 하는 방식이다 AWS의 IaC 설명전용 서버와 베어메탈전용 서버: 특정 고객이 독점해서 사용하는 서버베어메탈(Bare metal): 가상 머신을 거치지 않고 물리 서버의..

• format_list_bulleted 컴퓨터 CS
• · 2026. 10. 2.
• textsms

Go로 학생 REST API 만들기: 라우팅부터 테스트까지

Go로 학생 REST API 만들기: 라우팅부터 테스트까지이번 실습에서는 책의 ch30 예제를 바탕으로 학생 목록을 조회하고, 학생 한 명을 조회·등록·삭제하는 REST API를 만들었다. 코드를 따라가며 Go에서 HTTP 요청을 함수에 연결하는 방법, 구조체와 JSON을 주고받는 방법, 정렬 인터페이스를 구현하는 방법, 그리고 httptest로 서버 동작을 확인하는 방법을 살펴봤다.모듈과 Gorilla MuxGo 프로젝트에서 외부 패키지를 사용하려면 현재 디렉터리가 모듈 안에 있어야 한다. 모듈은 go.mod 파일로 관리한다. go get을 모듈 바깥에서 실행했을 때 오류가 난 이유는 Go가 의존성을 기록할 go.mod를 찾지 못했기 때문이다.go mod init example.com/06-restfu..

• format_list_bulleted 기타
• · 2026. 9. 28.
• textsms