본문 바로가기

전체 글266

CSS position sticky 사용기 최근 CSS의 position 속성중에 sticky라는 녀석을 써보았다. 컨테이너에 붙어다니는 사이드 버튼을 위해서 사용했는데, 이것을 몰랐을때는 relative 와 fixed 간의 조합을 이용해서 구현했었다. 알고나니 이것이 정말 편한 속성임을 더 깨닫게 되었다.. (모르면 고생한다더니..) 해당 속성에 대한 자세한 설명은 아래를 참고하길 바란다. https://developer.mozilla.org/ko/docs/Web/CSS/position position position CSS 속성은 문서 상에 요소를 배치하는 방법을 지정합니다. top, right, bottom, left 속성이 요소를 배치할 최종 위치를 결정합니다. developer.mozilla.org 여튼 여러분들도 스크롤이 내려가도 컨테.. 2019. 7. 2.
웹페이지 체크 리스트 아래의 링크에 잘 나와 있다. 모두 본인이 만든 웹이 좋은 웹인지 평가해보기 바란다. https://github.com/kesuskim/Front-End-Checklist#head kesuskim/Front-End-Checklist 🗂 최신 웹사이트와 꼼꼼한 개발자들을 위한 완벽 프론트엔드 체크리스트. Contribute to kesuskim/Front-End-Checklist development by creating an account on GitHub. github.com 2019. 6. 24.
이 사이트가 어떠한 기술을 사용해서 구현되었는지를 보고 싶을때 (보다 정밀함) 이전에 이 주제에 대해서 글을 썼던적이 있었다. 그때 아래의 사이트를 이용하라고 했었는데, https://www.wappalyzer.com Wappalyzer - Technologies www.wappalyzer.com 해당 사이트를 이용하고 놀랐던 점은 페이스북이 앵귤러 엔진을 사용한다는 점이었다. 하지만 아무리 생각해도 이해가 되지 않았고 각종 커뮤니티 사이트나 더욱 깊이 자료를 조사한 결과 페북에서 사용하는 엔진이 엥귤러가 아님을 알게 되었다. 그래서 새로운 사이트를 소개하려고 한다. 해당 사이트를 이용하는것이 본 서비스들이 어떠한 기술을 사용했는지 더욱 정확히 알 수 있었다. https://stackshare.io/ Software and technology stacks used by top co.. 2019. 6. 24.
angular 한국어 가이드 페이지 최근 angular를 영문서로 실습하고 있었는데, 누군가 한국어 문서를 만들어 놓았다. 아래 링크를 참조하기 바란다. https://angular.kr/ Angular 가이드 Angular 가이드 angular.kr 2019. 6. 20.
IT내 분야별 다양한 서비스 및 showcase를 정리해놓은 사이트 + 이 사이트가 어떠한 기술을 사용해서 구현되었는지를 보고 싶을때 제목과 같이 최근 프론트엔드 프레임워크에 대해 진지하게 고민해보다가 찾은 사이트이다. 사이트 주소는 아래와 같다. https://www.wappalyzer.com/technologies Wappalyzer - Technologies www.wappalyzer.com 들어가면 다양한 서비스에 어떠한 IT 기술이 쓰이는지 정리되어 있고, 그 서비스들의 실제 사용례를 볼 수 있다. 그리고 이 사이트의 가장 강력한 기술은 바로 사이트 주소만 쳐도 해당 사이트가 어떠한 기술을 사용했는지 다 보여준다는 것이다. (사이트 메인에 가면 있다.) 이거는 정말 베스트 오브 베스트 기능이라고 할 수 있다. 해당 사이트를 만들어주신 분께 진심으로 감사의 말을 드립니다. 해당 기능을 통해 평소 해당 사이트가 사용한 기술에 대해.. 2019. 6. 19.
nuxt 가이드북 좋은 nuxt 가이드북을 찾았다. 아래의 링크를 참조바란다. https://vue-nuxt.gitbook.io/nuxt/ Nuxt.js 란? Nuxt.js v2 소개 vue-nuxt.gitbook.io 2019. 6. 14.
nuxt에서 server side 변경시에 hot reloading이 적용이 안 될때 nuxt 템플릿을 받고 실행시키면 개발과정에 있어서 api 코드를 변경했는데도 결과가 반영이 안 될때가 있다. 그럴때는 pakage.json 내의 파일을 손봐주면 되는데, 자세한 사항은 아래의 링크에 모두 나와있다. https://github.com/nuxt-community/express-template/issues/119 hot reloading not work · Issue #119 · nuxt-community/express-template rt, when I excute "npm install", and run dev, It's show But when I change some data, hot reloading not work github.com https://github.com/nuxt/nu.. 2019. 6. 13.
python로 만드는 api 엔진 준비 python을 이용하여 api 엔진을 만들어주고 google app engine에 올려줄 계획을 하고 있다. 그에 따라 아래의 링크들을 참조할거 같다. https://bluese05.tistory.com/44 Django 와 Flask 비교 Python Framework - Django 와 Flask 비교 및 사용 사례 Python Framework 도 여러가지가 있다. 하지만 Open source 의 세계는 참으로 냉정하게도. 결국 선택 받은 몇몇만 살아 남는 그런곳이지 않은가. (강한자가.. bluese05.tistory.com https://bluese05.tistory.com/44https://dejavuqa.tistory.com/273 Flask로 API 서버 만들기 (1) - 개발 환경 준비 .. 2019. 6. 12.
git 파일 이름 바꾸기 아래 링크를 참조하면 mv란 명령어를 써서 바꾸라고 나와있다. 참고 해줘야 할점은 해당 파일이 있는 루트에 접근하여 바꿔줘야 한다는 것이다. 이점을 잊지 말기 바란다. https://sjh836.tistory.com/146 상황에 따른 git 명령어 (커밋복구, 파일명변경, 중간에 gitignore설정, 원격브랜치 삭제, merge취소, 인증) 커밋을 잘못했고 푸쉬까지 했을때 복구 git reset --hard HEAD^ git push -u origin +master git pull 파일 이름변경 작업 디렉토리에 있는 파일의 이름을 변경 할 때는 git mv 명령어를 사용 git mv 원래이름 바.. sjh836.tistory.com 2019. 6. 12.