본문 바로가기

전체 글34

namuwikiEdit Preview 1.1, 1.11버전 개발후기 몇가지 느낀점들을 정리해본다. #학습자바스크립트 문법을 정확하게 알지 못하니, 이게 맞나 저게 맞나 헤메면서 시간을 버리게된다.jquery문법도 자바스크립트나 브라우저 동작 원리를 모르니 한참 답답하다.그러니 다음부터는 뭔가를 만들때 첨에 문법 적인 부분을 일주일 잡고 딱 정리하고 학습하는게 개발 속도를 더 높일 수 있는 방법인 것 같다.학습 방법을 더 깨닿고 있다. #개발에 관한HTML도 일반적으로 어떻게 처리하는지 잘 모르니 form태그에서 항목들을 name으로 처리하는지, id로 처리하는지도 몰라서 일반적인 코딩에서 벗어난다. 호환성이 똥망이된다자바스크립트는 현재 많은 변화를 겪고 있는데, 문법적인 것도 그렇지만 프론트엔드에서 보통 어떤식으로 개발하는지를 모른다. 그러니 효율성이 매우매우매우 떨어졌.. 2017. 11. 21.
크롬 확장(chrome extension)을 만든 후기 만든확장chrome extension나무위키 편집 미리보기 링크 #결론사실은 window.open() 함수 호출 한방이다.일주일 넘게 매일 4시간씩 매달린 나는 X신이었다.끝. 이러면 너무 슬프니 더 써보자 #왜 했지?공부한다고 하는데 하루에 4시간 이상 집중하기 어렵고, 수개월간 알고리즘 학습으로 이해력은 생겼다고 생각했는데 건방지게도숙련도가 부족한지 카카오 1차 코딩테스트 광탈 적절한 학습의욕이 생기지 않은 상황에서 하고 싶은걸 만들어보자는 생각으로 시작하게 되었다. 평소에 나무위키를 재밌게 본다. 그런 중에 어떤 영상에서 위키들은 누구나 편집이 가능하다고 했다.그래서 편집을 한번 해보기로 했다. 편집버튼을 누르자 마자 편집이 가능했다. 로그인도 필요없이 신기해하며 편집을 몇번하는데문법은 마크다운과 .. 2017. 10. 27.
jekyll로 포스팅을 해보자-04 jekyll로 포스팅하기. Jekyll 사이트 - 컨텐츠 1. 머리말 쓰기 Jekyll의 수 많은 멋진 기능들 중 그 첫 번째는 바로 머리말 입니다. Jekyll은 YAML 머리말 블록을 가진 모든 파일을 특별한 파일로 인식하여 처리합니다. 머리말은 반드시 올바른 YAML 형식으로 작성 되어야 하며, 대시문자 3개로 감싸서 파일의 맨 첫 부분에 위치해야 합니다. 가장 기본적인 형태는 아래와 같습니다. --- layout: post title: Blogging Like a Hackr --- 이 대시문자 사이에 사전-정의 변수( 설명은 아래를 참고하세요)를 사용할 수 있고, 심지어 자신만으 고유 변수를 정의하는 것도 가능합니다. 해당 파일은 물론 해당 페이지 또는 포스트에 연결된 페이아웃이나 include파.. 2016. 8. 10.
jekyll을 설치해보자 - 03 Jekyll을 사용해보자. jekyll site jekyll-한국어 번역사이트 아래 글은 지킬의 문서를 따라가면서 말한마디 거드는 식으로 진행 됩니다. 1. Jekyll이 뭐죠? Jekyll은 아주 심플하고 블로그 지향적인 정적 사이트 생성기입니다. Jekyll은 다양한 포맷의 원본 텍스트 파일을 템플릿 디렉토리로부터 읽어서, (Mardown 등의 )변환기와 Liquid 렌더러를 통해 가공하여, 당신이 즐겨 사요하는 웹서버에 곧바로 게시 할 수 있는, 완성된 정적 웹사이트를 만들어 냅니다. 마크다운 문법을 지원하고, Liquid라는 뭔가 틀을 만들어주는 도구로 정적 사이트를 생성하는게 핵심인듯 하다. 그리고 Jekyll은 Github Pages의 내부 엔진이기도 합니다. 다시 말해, Jekyll을 사용하.. 2016. 8. 9.
GITHUB PAGES에 저장소를 만들어보자- 02 GitHub Pages 설정하기. GitHub Pages가이드 위의 공식 가이드 문서를 따라가면서 주석을 붙이는 정도로 진행하겠다. 1. GitHub Pagees생성 방식 GitHub Pages는 2가지 방식을 선택해서 만들 수 있는데, User or organization site : GitHub계정당 하나의 사이트를 생성하는 방식. Project site : 계정의 하위 프로젝트마다 생성하는 방식 으로 나누어 진다. 나는 간단하게 하나의 계정을 블로그 용도로만 쓸 생각이므로 첫번째 방식 “User or orgazation stie”를 선택했다. 2. Create a repository GitHub사이트에서 계정을 만들고 나면 repository를 생성할 수 있다. (소스코드를 올리는 온라인 상의 공간.. 2016. 8. 9.
왜 github pages를 블로그로 사용하니? - 01 왜 github pages로 블로그를만들니? 왜 github pages로 블로그를만들니? 사실… 카카오 기술 블로그가 github pages로 했다는 글을 읽고 나도 해봐야지 해서 따라해 보게되었다ㅋㅋz 도 있고. 간단하게 작성해도 예쁘게 틀 잡아주는 마크다운으로 글을 쓰고 싶은 마음도 있어 사용해 보게 되었다. 마크다운도 쓰고, 트렌드도 따라해보면서 이유도 찾아보기로 했다. github pages? 뭐야? GitHub is a code hosting platform for version control and collaboration.이라고 홈페이지에 써있다. 많은 개발자들이 잘 아는 버전관리툴 git을 이용한 온라인 저장소를 제공하는 사이트 정도로만 설명하겠다. ( 사실 제가..잘..). github .. 2016. 8. 9.