본문 바로가기

전체 글2572

종로서적 - 전국 매장 리스트 영업시간 및 위치, 매장 안내도 / 鐘路書籍 종로서적 전국 매장 안녕하세요. 고코더 입니다. ● 1. 종로서적은 대한민국 서점으로는 가장 역사가 긴 서점이라고 합니다. 2002년 부도가 났지만 2016년 다시 똑같은 이름으로 운영주체가 다른 종로서적이 부활합니다. 그러던 어느새 10개의 지점으로 늘어나 있습니다. 반디앤루니스 보다 더 지점이 많아졌네요. ● 2. 그래서 이번 시간에는 종로서적 매장 리스트를 확인할 수 있는 사이트를 소개합니다. 아래 링크를 연결 눌러보면 종로서적이 제공하는 홈페이지를 통해 매장 리스트를 확인할 수 있습니다. http://www.jongnobooks.com/?act=info.page&pcode=sub1_1 ● 3. 매장 정보로는 안내도와 영업시간까지 확인할수 있는 정보가 있습니다. ● 4. 매장에 전반적인 풍경도 소개.. 2021. 1. 18.
그림판 - 이미지 흑백으로 변경하기 / 깔끔하게 되지는 않네요. mspaint 흑백으로 그림 바꾸기 안녕하세요. 고코더 입니다. ● 1. 그림판에서는 이미지를 흑백으로 변경하는 기능이 있습니다. 정확하게 말하면 그림판 기능 자체를 흑백모드로 변환하는 기능입니다. 이 모드를 사용하면 이미지가 1도 그림으로 변경되지만 깔끔하지는 않습니다. 그래도 기능이 있으니 한번 살펴보겠습니다. ● 2. 그림판을 실행하고 탭 기능에서 파일을 클릭합니다. ● 3. 나오는 메뉴에서 "속성"을 클릭합니다. ● 4. 그럼 이미지 속성이 나타납니다. 여기서 색이라는 모드가 있고 "흑백(B)"을 선택하고 확인을 누릅니다. ● 5. 그럼 원래 있던 이미지가 흑백으로 변경됩니다. 그런데 좀처럼 깔끔하게 변환 되지는 않습니다. 마무리 나름 느낌 좋은 흑백으로 만들기 2021. 1. 18.
CodePen - 코드펜 소스 비공개는 유료 서비스 입니다. 코드펜 소스를 나만 보는 방법 안녕하세요. 고코더 입니다. ● 1. 코드펜은 누구나 무료로 프런트엔드 소스를 저장하고 실습하고 공유할 수 있는 좋은 사이트입니다. 그런데 기본 정책은 공개입니다. 즉 내가 만든 모든 소스들은 누군가 참고하고 수정할 수 있는 것입니다. 그런데 가끔은 비공개로 소스를 나만 가지고 싶을 때가 있습니다. 그럴 경우에는 로컬에서 개발하는 게 맞지만 코드펜에서도 소스를 비공개할 수 있는 방법이 있습니다. ● 2. 유료 서비스를 사용하면 코드펜에서는 "Private Pens, Collections, and Projects." 라는 서비스를 Annual Starter 부터 제공을 합니다. ● 3. 일명 코드펜 Pro가 되면 만들어놓은 소스를 공개하지 않고 혼자만 볼 수 있습니다. 1년에.. 2021. 1. 18.
Evergreen Browser - 에버그린 브라우저란? 자동 업데이트되는 브라우저 "에버그린 브라우저" 안녕하세요. 고코더 입니다. ● 1. 상록수를 영어라 하면 에버그린(Evergreen)입니다. 사계절 내내 푸른 나무를 통틀어 말합니다. 대표적인 종류로는 소나무, 대나무가 있습니다. 가끔 대나무 숲에 가면 언제나 푸른 녹색을 구경할 수 있는 이유도 상록수 종류이기 때문입니다. 그런데 IT 그리고 브라우저에 왜 이런 에버그린이라는 단어가 접목이 되었을까요? ● 2. 오랫동안 우릴 귀찮게 했던 브라우저는 다름 아닌 익스플로러입니다. 매번 새로운 버전이 나올 때마다 업데이트를 해야 했습니다. 현재 사용하고 있는 버전인 10인지 11인지 구별도 안될 정도로 지속적인 업데이트가 이루어져 있습니다. 하지만 이런 방식의 문제는 항상 존재합니다. 제때 업그레이드를 받지.. 2021. 1. 18.
익스플로러 - Windows Defender SmartScreen 설정 켜기,끄기 / 피싱 사이트 방지 explorer 디펜더 스마트 스크린 기능 사용하기 안녕하세요. 고코더 입니다. ● 1. 익스플로러에서는 피싱 웹사이트 등 일명 위험한 사이트의 접속하지 않도록 방어하는 기능이 내재되어 있습니다. 그래서 익스플로러를 사용하는 어린이나 어르신들에게는 "Windows Defender SmartScreen"을 켜 두는 것이 좋아 보입니다. 이 방법을 한번 알아보겠습니다. ● 2. 익스플로러에서 설정 버튼을 누르고 안전을 클릭합니다. ● 3. 그리고 "Windows Defender SmartScreen"을 클릭하면 켜기와 끄기가 가능합니다. ● 4. 해당 기능에 대해서 공식 사이트에서 정보를 확인해보세요. 마무리 켜 두시는 걸 추천합니다. 사실 크롬을 쓰는 걸 더 추천합니다. 2021. 1. 17.
VSCode - "package-lock.json: For performance reasons, document symbols have been limited to 5000 items.." / 비주얼 스튜디오 코드 비주얼 스튜디오 코드 package-lock.json 설정 안녕하세요. 고코더 입니다. ● 1. package 파일이 있는 프로젝트를 비주얼 스튜디오 코드로 실행 시 아래와 같은 팝업이 뜨는 경우가 있습니다. 자동으로 챙겨주는 VSCode의 세심함은 언제나 감동입니다. " package-lock.json: For performance reasons, document symbols have been limited to 5000 items. Use setting 'json.maxItemsComputed' to configure the limit. " ● 2. 메시지를 번역하자면 성능상의 이유로 5000개 이상의 아이템을 처리하지 못하게 제한을 걸어두었고 이를 해제하려면 옵션을 수정하라고 합니다. 5000개가.. 2021. 1. 17.
React.js - 리액트에서 "Hello JSX!" 출력하기 JSX를 사용해서 페이지 띄우기 안녕하세요. 고코더 입니다. ● 1. 이번 시간에는 JSX를 사용해 간단하게 리액트에서 "Hello JSX"를 표현해보려고 합니다. 리액트를 처음이라면 우선 JSX를 간단하게 사용하는 방법을 배워보는 게 좋을 거 같아서 JSX를 아주 간단하게 작성해보는 시간을 가집니다. 우선 이전에 프로젝트 빌드까지 과정이 끝나야 합니다 카테고리에 있는 글을 차례대로 읽어보시면 좋습니다. 그럼 create-react-app로 프로젝트가 완성되었다고 진행해보겠습니다. ● 2. 프로젝트 폴더에서 index.js 파일을 열어보겠습니다. 다양한 에디터 도구가 있지만 추천하는 건 VSCode로 수정을 해보시길 바랍니다. C:\react\hello\src\index.js ● 3. index.js 안.. 2021. 1. 17.
React.js - 리액트 실행(npm start), 정지(npm stop???) 하는 방법 npm start , npm stop??? 안녕하세요. 고코더 입니다. ● 1. 리액트 프로젝트를 생성 후에는 자동으로 최초 1회 한해서는 자동 실행이 완료됩니다. 그 후에는 직접 해당 프로젝트를 실행할 수 있습니다. 이번 시간에는 create-react-app로 설치한 프로젝트를 시작하고 멈추는 방법을 알아보겠습니다. ● 2. 빌드된 프로젝트를 명령 프롬프트로 이동합니다. 제 블로그와 공부 중이라면 C:\react\hello 폴더에서 실습 중입니다. 해당 폴더에서 아래 명령어를 실행합니다. 프로젝트를 실행하는 npm 명령어입니다. 그럼 자동으로 localhost:3000로 기본 브라우저가 열리면서 결과 값이 보입니다. npm start ● 3. 그렇다면 반대로 stop은 어떻게 할까요? 패키지 파일을 .. 2021. 1. 17.
React.js - JSX란? JavaScript + XML? JSX란? JavaScript eXtension 이란? 안녕하세요. 고코더 입니다. ● 1. 오늘은 JSX에 대해 알아보려고 합니다. 이름도 조금 낯설지만 알고 보면 우리가 익숙하게 사용했던 언어와 많이 닮아 있습니다. 하나둘씩 알아가 보는 시간을 가져보겠습니다. 이번 시간에는 이론적인 부분만 학습하겠습니다. ● 2. JSX란 Javascript+XML의 합성어입니다. 다시 말하면 XML 사용을 허용하는 자바스크립트 확장 문법이라고 말합니다. 빌드 시 Babel에 의해 자바스크립트로 변환됩니다. 자바스크립트와 HTML을 표현할 수 있기 때문에 편리한 개발이 가능합니다. 자바스크립트 내부에 마크업 코드를 작성해줄 수 있습니다. 그리고 변수와 프로퍼티의 바인딩 기능을 제공합니다. ● 3. 개발자에게 익숙하고.. 2021. 1. 17.

티스토리툴바