본문 바로가기

전체 글2572

Image Resizer - 이미지 사이즈 한번에 바꾸는 프로그램 한번에 이미지 라사이징 안녕하세요. 고코더 입니다. ● 1. 이미지를 한꺼번에 크기를 바꿔주는 프로그램을 알아보려고 합니다. 무료이면서도 사용하기 편한 괜찮은 프로그램입니다. 해당 사이트에 접속하여 다운로드를 클릭하여 파일을 설치합니다. https://www.bricelam.net/ImageResizer/ ● 2. 첨부파일을 참고하셔도 좋습니다. ● 3. 설치 과정은 그저 인스톨 한 번이면 모두 완료됩니다. ● 4. 설치가 완료되면 이미지를 한꺼번에 선택 후에 마우스 우클릭에서 "Resize pictures"를 클릭합니다. ● 5. 그리고 나타나는 팝업창에서 원하는 사이즈를 선택 후에 Resize를 클릭합니다. ● 6. 그럼 이렇게 파일명을 달리하여 리사이즈된 이미지가 생성됩니다. 마무리 사진 많이 찍는.. 2021. 1. 26.
Word 2013 - 워드로 PDF 파일 열고 수정하기 MS-Word로 PDF 수정이 가능하다. 안녕하세요. 고코더 입니다. ● 1. PDF를 급하게 수정할 때 워드뿐이 없다면 이미 충분합니다. 워드는 이미 PDF를 열고 수정할 수 있는 기능이 포함되어 있습니다. 그저 파일을 열 때 PDF를 열면 그만입니다. ● 2. 그럼 아래와 같이 PDF를 변환한다는 내용이 나옵니다 확인을 클릭하면 자동으로 워드에서 수정 가능하도록 변환됩니다. ● 3. 이렇게 PDF 문서가 워드에 표현되고 그대로 저장하면 PDF로 저장이 완료됩니다. 마무리 문서 편집 도구는 워드가 최고죠. 2021. 1. 26.
네이버 부동산 - 아파트,오피스텔등 주택 후기 보는 방법 아파트 리뷰 보는 방법 안녕하세요. 고코더 입니다. ● 1. 오늘은 네이버 부동산에서 쓰여 있는 각 주택에 대한 후기를 보는 방법을 알아보겠습니다. 예전에는 매물 밑에 표시되었던 후기 게시판이 언젠가부터 사라져 버렸습니다. ● 2. 하지만 아래 URL로 접근하면 후기를 확인하실 수 있습니다. https://land.naver.com/community/ourtown.nhn?sub=town&cortar_no=4100000000 ● 3. 알아보고 싶은 지역의 주소를 자세히 입력합니다. 그러면 아래처럼 해당 주택의 리스트가 나타납니다. ● 4. 그럼 해당 커뮤니티에 쓰여 있는 리뷰들을 확인 가능합니다. 그리고 글쓰기도 가능합니다. 마무리 리뷰를 확인해보세요. 2021. 1. 25.
JavaScript - setInterVal() 이란? / 반복 실행 메서드 / clearInterval() 스케줄러 실행 메서드 setInterVal() 안녕하세요. 고코더 입니다. ● 1. 오늘은 일정 시간을 두고 실행을 반복하는 메서드인 setInterVal에 대해 알아보겠습니다. 현업에서도 이 메서드는 자주 활용되는 기능입니다. 사용자의 상태를 체크하거나 매 초마다. 브라우저에 변화를 나타내기도 합니다. 대표적인 게 타이머 기능을 만들 때는 이 함수를 사용하게 됩니다. ● 2. 기본 사용방법 2번 라인 : 실행 코드를 넣습니다. 3번 라인 : 반복 실행 시간을 입력합니다. 1,000은 1초입니다. 100은 10/1 초입니다. setInterval( 실행코드, 1000 ); ● 3. 사용 시 주의할 점은 큰따옴표 묶어서 사용해야 제대로 동작합니다. setInterval("console.log('Timer .. 2021. 1. 24.
무료폰트 - 여기어때? 잘난체 폰트 다운로드 / 첨부파일 여거어때? 폰트 다운하기 안녕하세요. 고코더 입니다. ● 1. 이쁜 폰트를 찾는중 눈에 띄는 글씨체를 찾았습니다. 어플 여기 어때에서 만든 "잘난체" 폰트입니다. ● 2. 해당 URL로 접속 하면 무료 폰트를 소개하는 페이지를 접속할 수 있습니다. 그럼 화려한 애니메이션으로 이 폰트를 소개합니다. https://www.goodchoice.kr/font ● 3. 해당 URL로 접속하면 잘난체 폰트를 사용 가능합니다. 둥글 둥글 한게 확실한 고유의 매력이 존재하는거 같습니다. https://www.goodchoice.kr/font#is-third ● 4. 해당 링크를 통해 다운로드가 가능합니다. https://www.goodchoice.kr/font#is-fifth ● 5. 첨부파일을 다운로드 하셔도 됩니다.. 2021. 1. 24.
React.js - ReactDOM.render() 메서드 ReactDOM.render()란? 안녕하세요. 고코더 입니다. ● 1. ReactDOM.render() 함수를 통해 Web API(document.createElement)를 사용하여 웹 브라우저에 그려주는 함수입니다. React.createElement를 통해 Object를 생성하고 이를 In-Memory에 저장합니다. Root DOM Node에 랜더링 하기 위해서 이를 사용합니다. 지금까지 따라한 예제에서 루트 DOM 노드에 이 메서드를 사용했었습니다. ● 2. 그렇다면 해당 ReactDOM.render() 메서드의 파라미터 형태를 함께 알아보겠습니다. 2번 라인 : 화면에 그려질 리액트의 element를 말합니다. 3번 라인 : 리액트 element를 해당 container DOM에 랜더링 합니다.. 2021. 1. 24.
React.js - DOM에 Element 랜더링 하는 방법 리액트 돔에 엘리먼트 랜더링 하기 안녕하세요. 고코더 입니다. ● 1. 이번 시간에는 엘리먼트(element)를 DOM에 랜더링 하는 부분을 알아보겠습니다. 엘리먼트는 리액트에서 애플리케이션을 구성할 때 가장 작은 단위입니다. 이를 통해 화면을 구성하고 완성합니다. 제 블로그에서 학습하시던 분들은 이전 소스에서 이미 계속적으로 엘리먼트를 DOM에 랜더링을 자연스럽게 하고 있었습니다. ● 2. 랜더링 하는 소스를 살펴보겠습니다. 1번 라인 : 엘리먼트를 작성합니다. 2번 라인 : 리액트 DOM의 노드에 랜더링 합니다. const element = Hello, react!; ReactDOM.render(element,document.getElementById("root")); ● 3. 랜더링 된 DIM은 r.. 2021. 1. 23.
Repl.it - 레플릿 유료로 업그레이드 하기 / 소스 비공개하기 repl.it 소스 비공개는 유료 서비스 안녕하세요. 고코더 입니다. ● 1. 레플릿에서는 무료로 소스 코딩 연습이 가능하지만 유료로 업그레이드하여서 좀 더 집중적으로 사용이 가능합니다. 그리고 무엇 보다. 소스를 비공개하려면 결제가 필요합니다. Hacker라고 하는 게 바로 유료 서비스입니다. ● 2. 로그인 후에 해당 사이트를 접속하면 유료 구매가 가능합니다. 구매 후에 서비스는 아래와 같습니다. 소스 비공개와 저장공간 5GB, 메모리 2GB, CPU 속도는 4배입니다. Private repls 10x the storage = 5 GB 4x the memory = 2 GB 4x the speed = 2 vCPUs https://repl.it/site/pricing ● 3. Upgrade to Hack.. 2021. 1. 23.
한글2014 - 글자는 그대로 그림만 삭제하기 문서 내 이미지 전부 한 번에 지우기 안녕하세요. 고코더 입니다. ● 1. 한글을 사용하다 보면 그림만 삭제하고 글자만 남겨둬야 할 경우가 생깁니다. 이럴 경우에는 찾아서 하나씩 지워도 가능하지만 대량의 문서일 경우에는 수작업하기가 어렵습니다. 그래서 오늘은 한글2014에서 글자는 그대로 남기고 그림만 지우는 방법을 알아봅니다. ● 2. 아래와 같이 글자 사이에 그림이 있습니다. 이 이미지를 한글 기능을 통해 제거해보겠습니다. ● 3. 상단에 편집 탭에서 "조파 부호 지우기"를 클릭합니다. ● 4. 그리고 조판 부호 지우기 "삽입 그림"을 체크합니다. 그리고 지우기를 클릭합니다. ● 5. 그러면 삽입된 그림이 자동으로 전체 삭제가 됩니다. 마무리 이 기능 정말 좋네요. 2021. 1. 23.

티스토리툴바