웹페이지 읽기모드 깔끔 저장&인쇄
웹페이지에서 좋은 정보를 찾아서 따로 보관, 소장하고 싶을 때가 있습니다. 그럴때 보통 웹페이지를 통째로 인쇄하는 방법을 쓰곤하는데요. 그 방식으로 저장하게되면 해상도가 너무 높거나 광고가 여기저기 붙고 빼고 싶은 정보들까지 함께 저장이 되어 읽기가 불편합니다. 그래서 웹페이지를 PDF로 저장하는 다양한 프로그램을 설치하고 직접 사용해본 결과 가장 깔끔하고 군더더기 없이 출력물을 저장할 수 있는 프로그램을 소개드리려고합니다.  웹페이지 읽기모드로 깔끔하게 저장하는 프로그램 설치 및 실행방법 소개바로 Print Friendly라는 확장 프로그램 인데요. 크롬 웹 스토어에서 무료로 받을 수 있습니다. 브라우저 확장 프로그램을 이용하는 방식이라 데스크탑에 설치파일을 받는 등의 번거로움이 없습니다. 설치 방법공..
2024.04.29
문외한을 위한 블록체인 설명서: 멋진 개념에 대해 쉽게 풀어쓰는 가이드
블록체인 기술은 사업 방식을 혁신적으로 개선할 수 있는 강력한 도구입니다. 하지만 블록체인이 정확히 무엇일까요? 이번 글에서는 누구나 쉽게 이해할 수 있도록 블록체인 기술을 간단히 풀어서 설명드리도록 하겠습니다. 또한 블록체인의 주요 목적, 블록체인 기술의 다양한 유형, 블록체인 사용의 장단점에 대해서도 다루어보도록 하겠습니다. 목차: 1. 블록체인이란? 2. 블록체인의 원리는 무엇인가요? 3. 자녀, 부모님, 조부모님에게 블록체인을 설명하자면 4. 실생활에서의 블록체인 5. 블록체인 & 암호화폐 트레이딩 6. 블록체인의 주요 목적성 7. 블록체인 기술의 유형 8. 블록체인의 장점과 단점 9. 결론 데모 계좌를 통해 추가 학습하기 블록체인이란? 간단히 말해서 블록체인은 전자거래를 보안성 있고 투명하게 기..
2024.03.14
[MAC] Tip 스크린샷 캡처(+ 캡처 후 바로 붙여넣기)
스크린샷 캡처 맥북에서 스크린샷 캡처하기 맥북에서 스크린샷을 쉽게 캡처하고 클립보드에 복사하는 방법은 다음과 같습니다. 전체 화면 캡처: 전체 화면 캡처 단축키: Command + Shift + 3 이렇게 하면 전체 화면이 캡처되며, 자동으로 클립보드에 복사됩니다. 부분 영역 캡처: 부분 영역 캡처 단축키: Command + Shift + 4 드래그하여 캡처하고 싶은 부분을 선택합니다. 선택한 부분이 클립보드에 자동으로 복사됩니다. 캡처하고 바로 클립보드에 복사하는 법 윈도우에는 캡처도구에서 캡쳐 후 티스토리 등 바로 붙혀넣기가 가능한데 맥북을 같이 사용하다 보니 단축키 관련해서 헷갈릴때가 있어 정리합니다. 맥북에서도 바로 붙여 넣기가 가능하다. Command + shift + 4 를 누르고 드래그를 하..
2024.01.06
no image
[풀스택 과정] React 설치
리액트(React, React.js 또는 ReactJS)는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수된다. 리액트는 싱글 페이지 애플리케이션이나 모바일 애플리케이션 개발에 사용될 수 있다. 대규모 또는 복잡한 리액트 애플리케이션 개발에는 보통 라우팅, API통신 등의 기능이 요구되는데 리액트에는 기본적으로 제공되지 않기 때문에 추가 라이브러리를 사용해야 한다. 리액트 설치 방법 1. npm 설치 확인 2. node.js 설치 확인 (설치가 안되어 있으면 크롬에서 node.js 검색해서 다운 받으면 된다) 3. yarn 설치 4. yarn 을 통해 react-app hello-react 생성 5. 만들어진 hello..
2023.05.07
no image
[풀스택 과정] Spring Core : Spring IoC 및 DI(3)
8. Setter Injection vs Constructor Injection 생성자 주입은 컴포넌트를 사용하기 전에 의존 해야하는 클래스의 인스턴스를 가지고 있어야 할 때 유용하며 세터주입은 부모 컴포넌트의 새 인스턴스를 생성하지 않고 동적으로 각기 다른 구현을 사용해 의존성을 대체할 수 있다. 즉 의존성을 인터페이스로 선언할 수 있다는 점이 장점이며 덜 강압적인 주입이라 할 수 있다. 기본 생성자만 있는 클래스에 생성자 주입을 정의하면 비 IoC 환경에서 해당 클래스를 사용하는 모든 클래스에 영향을 주게 된다. 하지만 세터 주입의 경우 다른 클래스가 이 클래스와 상호작용 하는데 있어 영향을 덜 주게 된다. 일반적으로 세터 주입을 이용하는 것이 좋다. 이 방식은 비 IoC 설정에서 코드를 사용하는데 ..
2023.03.22
no image
[풀스택 과정] Spring Core : Spring IoC 및 DI(2)
3. IoC 컨테이너 분류체계 DL(Dependency Lookup) 모든 IoC 컨테이너는 각 컨테이너에서 관리해야 하는 객체들을 관리하기 위한 별도의 저장소를 가진다. Bean에 접근하기 위하여 컨테이너에서 제공하는 API를 이용하여 사용하고자 하는 Bean을 Lookup 하는 것으로 컨테이너 API와 의존관계를 많이 가지면 가질수록 어플리케이션 컨테이너에 종속되는 단점이 있다. DI(Dependency Injection) DI는 Spring에서 새롭게 지원하는 IOC의 한 형태이다.각 계층 사이, 각 class 사이에 필요로 하는 의존관계가 있다면 이를 컨테이너가 자동 적으로 연결시켜 주는 것으로 각 class 사이의 의존관계를 Bean 설정 정보를 바탕으로 컨테이너가 자동적으로 연결해 주는 것이다..
2023.03.22
no image
[풀스택 과정] Spring Core : Spring IoC 및 DI
1. CONCEPT 마틴 파울러는 2004년의글에서 제어의 어떤 측면이 역행되는 것인지에 대한 의문을 제기하고 의존하는 객체를 역행적으로 취득하는 것이라는 결론을 내렸다. 그는 그와 같은 정의에 기초하여 제어 역행이라는 용어에 좀더 참신한 ‘의존성 주입(DI,dependency injection)’이라는 이름을 지어줬다. 모든 어플리케이션은 비지니스 로직을 수행하기 위해 서로 협업하는 둘 또는 그 이상의 클래스들로 이뤄진다. 전통적으로 각 객체는 협업할 객체의 참조를 취득해야 하는 책임이 있다. 이것이 의존성이다. 이는 결합도가 높으며 테스트하기 어려운 코드를 만들어 낸다. IoC를 적용함으로써 객체들은 시스템 내의 각 객체를 조정하는 어떤 외부의 존재에 의해 생성 시점에서 의존성을 부여 받는데, 의존성..
2023.03.22
no image
[풀스택 과정] Spring Core : Spring이란?
1. Model 1 Developnemt 문제점 • 프리젠테이션 로직과 비지니스 로직의 혼재로 JSP 복잡성증가 • 비지니스 로직과 화면로직은 분리되어야 함 • JSP의 목적은 VIEW에 있는데 너무 많은 일을 함 • 유지보수의 어려움 2. Model2 사용의 필요성 제기 모델 2의 특징 • Model-View-Controller 역할에 기반한 구조 • 모델과 view의 분리 • View 와 Model의 연결역할을 Controller가 담당 • 비즈니스 로직과 화면로직의 분리 프레임워크의 등장 • 프레임워크를 이용하면 프로그램의 작성 분량을 줄임 • 프로그램의 작성방법에 대한 관습을 강제로 제어 • 가이드와 표준에 의한 개발을 따르도록 제어 • 읽기 쉬운 프로그램 작성 → MVC 기반의 Struts Fr..
2023.03.22
no image
[풀스택 과정] Spring 설치(STS 3.9.4 version)
이번 글에서는 Spring에서 legacy project를 생성하기 위해 spring이 제공하는 STS(Spring Tool Suite) 3.9.4 version을 설치해보겠습니다. 먼저 Spring Legacy Project는 일반적인 스프링 프레임워크의 프로젝트를 말하며, 어느 책에서나 말하지만 라이브러리 설정을 자유롭게 할 수 있는데, 초반 설정 양이 엄청엄청 많습니다....... 그 중 가장 많이 쓰이는 Spring MVC Project는 Maven과 여러 라이브러리가 세팅되어 생성되는 애플리케이션인데 이것은 차후 과정을 배우면서 정리할 수 있도록 하겠습니다. 간단하게 설치과정을 살펴보자면 1. chrome 검색창에서 spring 3.9.4만 검색하면 해당 페이지에 올수 있습니다. 해당 페이지까지..
2023.03.16
728x90
300x250