신예리의 개발자취

IP(Internet Protocol) 위키백과에서 '송신 호스트와 수신 호스트가 패킷 교환 네트워크에서 정보를 주고받는 데 사용하는 정보 위주의 규약(프로토콜)'이라고 설명하고 있는데 배경지식이 부족하다보니 뭔 말인지 알 수가 없다. 호스트(Host) 인터넷에 연결된 컴퓨터를 호스트라고 한다. 그러니까 송신 호스트는 정보를 보내는 컴퓨터, 수신 호스트는 정보를 받는 컴퓨터다. 패킷 교환 네트워크(Packet Switching Network) 덩치가 큰 정보는 통으로 전송하는 것보다 쪼개버리는 것이 효율적이고 안정적이다. 이 때 작게 자른 데이터를 패킷이라고 하며, 이렇게 패킷으로 정보를 주고받는 것을 패킷 교환 방식이라고 한다(자세한 내용은 다음에 알아보자). 프로토콜(Protocol) 통신 규약, 그..

인터넷(Internet) 컴퓨터 네트워크 통신망. 인터넷으로 연결된 컴퓨터끼리 통신 규약을 통해 정보를 주고받을 수 있다. 라우터(Router) 흔히 인터넷 공유기라고 부르는 그것. 인터넷 회선 하나로 여러 기기에서 인터넷을 사용하게 해주는 장치. 다른 게시글에서 자세하게 다룰 예정이니 오늘은 이 정도만 알고 넘어가자. 웹(Web) 월드 와이드 웹(World Wide Web, WWW, W3)이라고도 한다. 인터넷과 웹을 혼용하는데, 사실 둘은 다른 개념이다. 인터넷이 인프라라면, 웹은 그 인프라 위에 구축된 서비스다. 서버(Server)와 클라이언트(Client) 웹페이지/사이트/앱을 저장하고 정보를 제공하는 컴퓨터를 서버라고 한다. 일반 사용자로, 서버에 정보를 요청하는 컴퓨터를 클라이언트(Client..

요청된 리소스 [/]은(는) 가용하지 않습니다. Origin 서버가 대상 리소스를 위한 현재의 representation을 찾지 못했거나, 그것이 존재하는지를 밝히려 하지 않습니다. 방법 1. Path 확인 방법 2. component 파일 수정 이클립스 기존 프로젝트 import 시 프로젝트명 변경 이클립스 기존 프로젝트 import 시 프로젝트명 변경 개발자라는 일을 하면서 새 프로젝트를 진행할때 처음부터 환경설정을 하고 뭐하고 하는 경우는 드물다. 보통 기존의 프로젝트를 가져와 현 aljjabaegi.tistory.com 방법 3. 프로젝트명만 원상복구

푸시가 안 된다 방법 1. Configure Fetch

Font Awesome Icon Font Awesome Icon List Introduction 블로그나 사이트 작성 시 icon 이미지들이 많이 필요하게 되는데 이 아이콘을 마치 폰트처럼 사용할 수 있도록 서비스를 제공하는 곳이 있습니다. Font Awesome이라는 곳인데 이 곳에서 제 moon9342.github.io 폰트 에러 수정 Jekyll 기반의 GitHub Page 생성(3) - 웹 폰트 설정 폰트 적용 Font Awesome 적용 출처 : Font Awesome Icon List Introduction 블로그나 사이트 작성 시 icon 이미지들이 많이 필요하게 되는데 이 아이콘을 마치 폰트처럼 사용할 수 있도록 서비스를 제공하는.. shinye0213.tistory.com + TimeZo..

Markdown All in One 설치 마크다운 사용법 [Jekyll Blog] 마크다운(Markdown) 사용법 및 예제 개요 지금 당장 필요한 마크다운(Markdown) 문법부터 단계적으로 배워봅시다. 목차 Markdown이란? Markdown 에디터 뭘 쓸까? Markdown 문법1(반드시 알아야 하는) Markdown 문법2(유용한 부가기능) 실전연습 이 theorydb.github.io 적용

robots.txt User-agent: * Allow: / Sitemap: https://유저명.github.io/sitemap.xml sitemap.xml --- layout: null --- {% for post in site.posts %} {{ site.url }}{{ post.url }}.html {% if post.lastmod == null %} {{ post.date | date_to_xmlschema }} {% else %} {{ post.lastmod | date_to_xmlschema }} {% endif %} {% if post.sitemap.changefreq == null %} weekly {% else %} {{ post.sitemap.changefreq }} {% endif..

lunr.js Jekyll 기반의 GitHub Page 생성(5) - lunr.js를 이용한 Search 기능 추가 Jekyll 기반의 GitHub Page 생성은 여러 절로 구성되어 있습니다. Jekyll 기반의 GitHub Page 생성(1) - 환경설정 Jekyll 기반의 GitHub Page 생성(2) - 블로그 수정 & Publishing Jekyll 기반의 GitHub Page 생성(3) - 웹 폰트 moon9342.github.io search.js (function() { function displaySearchResults(results, store) { var searchResults = document.getElementById('search-results'); if (results...

site-nav.html {% if site.facebook %} {% include facebook.html %} {% endif %} {% if site.twitter %} {% include twitter.html %} {% endif %} {% if site.subscribers %} Search {% endif %} default.html {% if site.subscribers %} {% if site.logo %} {% endif %} Search {{ site.title }} lunr.js를 이용한 posts 검색 {% include subscribe-form.html placeholder="keyword" %} {% endif %} subscribe-form.html search.html..

rouge 설치 rouge 적용 ~~~javascript function syntaxHighlight(code) { var foo = 'Hello World'; var bar = 100; } ~~~ 출처 : Jekyll 기반의 GitHub Page 생성(4) - rouge를 이용한 syntax highlighting Jekyll 기반의 GitHub Page 생성은 여러 절로 구성되어 있습니다. Jekyll 기반의 GitHub Page 생성(1) - 환경설정 Jekyll 기반의 GitHub Page 생성(2) - 블로그 수정 & Publishing Jekyll 기반의 GitHub Page 생성(3) - 웹 폰트 moon9342.github.io

폰트 적용 Font Awesome 적용 깃허브 페이지 포스팅 (2) Font Awesome Icon Font Awesome Icon Font Awesome Icon List Introduction 블로그나 사이트 작성 시 icon 이미지들이 많이 필요하게 되는데 이 아이콘을 마치 폰트처럼 사용할 수 있도록 서비스를 제공하는 곳이 있습니다. Font Aw.. shinye0213.tistory.com 출처 : Font Awesome Icon List Introduction 블로그나 사이트 작성 시 icon 이미지들이 많이 필요하게 되는데 이 아이콘을 마치 폰트처럼 사용할 수 있도록 서비스를 제공하는 곳이 있습니다. Font Awesome이라는 곳인데 이 곳에서 제 moon9342.github.io Jekyl..

css 적용 깃허브(GitHub) 회원가입 게시판(JSP Model1) 깃/깃허브(Git/GitHub) 시작하기 ０. 깃허브(GitHub) 회원가입하기 * 회원가입 절차는 아래 영상을 참고했다. Ⅰ. 깃허브에 깃저장소(repository) 만들기 * 깃저장소를 만드는 절차는 아래 영상을 참고했다. Ⅱ. 깃(Git) 설치하기 Git - Dow shinye0213.tistory.com 이미 가입해서 영상으로 설명 대체 remote repository 생성 깃(Git) 설치 게시판(JSP Model1) 깃/깃허브(Git/GitHub) 시작하기 ０. 깃허브(GitHub) 회원가입하기 * 회원가입 절차는 아래 영상을 참고했다. Ⅰ. 깃허브에 깃저장소(repository) 만들기 * 깃저장소를 만드는 절차는 아래 ..

앤트디자인 에러(Ant Design Error) Attempted import error: 'Icon' is not exported from 'antd'. Attempted import error: 'Icon' is not exported from 'antd'. 방법 1. antd 재설치 및 코드 수정 [오류해결] 'Icon' is not exported from 'antd' 위와 같은 오류가 뜨기 시작. Attempted import error: '@ant-.. shinye0213.tistory.com 앤트디자인 에러(Ant Design Error) Warning: [@ant-design/icons] Should have `component` prop or `children`. Warning: [@an..

Replace Autoprefixer browsers option to Browserslist config. Gulp 에러(Gulp Error) ReferenceError: primordials is not defined gulp 에러(gulp Error) gulp : 'gulp' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이 방법 1. 터미널 변경 [오류모음] npm : 'npm' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있.. shinye0213.tistory.com Replace Autoprefixer browsers option to Browserslist config. Use browserslist key in package.json or .bro..

ReferenceError: primordials is not defined gulp 에러(gulp Error) gulp : 'gulp' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이 방법 1. 터미널 변경 [오류모음] npm : 'npm' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 VSCode와 Node.js 를 설치하고 간단한 프로젝트를 생성하기 위해 npm init을 쳤는데 shinye0213.tistory.com 방법 1. package.json 수정 [Gulp] ReferenceError: primordials is not defined in node 에러 문제 ReferenceError: primordials is not d..