기술 블로그

wow.js 는 스크롤시 css애니메이션을 나타내주는 라이브러리입니다. 사용 예: http://kjk5.net/ 저는 개인사이트를 만들면서 적용했습니다. 애니메이션 라이브러리는 animate.css를 사용합니다. 사용법:(windows)1. https://wowjs.uk/의 github에서 압축파일을 받습니다. 2.압축을 푼 후 wow.min,js를 서버 경로에 넣어줍니다. 3. 12Colored by Color Scriptercs 태그안에 각각 넣어줍니다.각각 animate.css와 wow.min.js를 연결합니다. 4.적용하려는 코드부분에 이런식으로 넣어주시면됩니다. 움직임 이름은 https://daneden.github.io/animate.css/를 참고하시면 됩니다.

필수 패키지Auto Close Tag: 자동으로 태그를 닫아준다.Auto Rename Tag: 자동으로 짝 태그의 이름을 바꿔준다.Beautify: 선택 영역 및 파일을 beautifyBookmarks: 라인을 북마크해 shift + alt + L키로 넘어다닐 수 있다.Braket Pair Colorizer: 괄호를 짝을 맞춰 색상을 입혀준다.Code Runner: 해당 영역을 간단히 실행시켜볼 수 있다.Color Highlight: 색상 코드가 색으로 표시된다.Code Spell Checker: 오타를 잡아준다. (영문만)Debugger for Chrome: 크롬 디버그 툴로 front 디버깅이 가능하다.DotEnv: .env syntax를 잡아준다.EditorConfig for VS Code: .ed..

Atom Introducing Github for Atom공식 홈페이지아톰 에디터는 깃허브에서 만들어가는 오픈소스 텍스트 에디터입니다. 누군가 어떤 에디터를 추천한다고 해서 반드시 자기에게 적합할 수는 없을 것입니다. 만약 아톰 에디터가 자기에게 별로인 것 같다는 생각이 든다면 바로 지우시면 그만입니다.Brackets VS-Code SublimeText저는 깃허브 페이지를 위해서 사용하기 시작했는데 나름대로 괜찮은 에디터인듯 느껴지고 있습니다.아톰 에디터의 단축키를 간단하게 알아볼까요?어떤 에디터를 사용하든지 가장 중요한 것은 환경설정입니다. 아톰의 설정창을 열기 위해서는 File > Settings 또는 Ctrl + ,를 누르면 됩니다. 또 어떠한 것들을 제공해주고 있는지 살펴보려면 Settings >..