개발 꿀팁 notepad++ compare plugin으로 코드 비교하기 왕초보 예비 개발자에요! 얼마전 팀을 꾸려 프로젝트를 했는데 협업을 하다보니 프로젝트가 진행될 수록 수정되는 코드도 많아지고 수정에 의해 발생하는 오류 때문에 시간을 많이 뺏기는일이 많아지더라고요. 그래서 저와 같은 문제를 해결하고자 할때 쉽게 코드를 비교할 수 있는 꿀팁을 가져왔습니다!!!! 저는 notepad++이라는 프로그램을 이용했어요! 사용방법 알려드릴게요 1. notepad++ 다운받기 아래 사이트에 접속하여 notepad++을 다운받아 주세요! 저는 가장 최신버전인 notepad++8.1.5를 다운받았어요! https://notepad-plus-plus.org/downloads/ 2. notepad++ 실행시켜 플러그인..

개발블로그 코드블럭 스타일 적용하기 개발블로그를 운영하는데 코드블럭을 이용하여 코드를 기록한다. 분명 포스팅을 할 때 에디터에서는 컬러풀하고 예쁘게 잘 나오는데(왼쪽) 포스팅을 하고나면 오른쪽과 같이 그냥 메모한듯 나온다. 왕초보지만 왼쪽과 같이 보이면 정보를 전달 할 때도, 내가 나중에 보기에도 훨 씬좋은데 오른쪽과 같은 코드들이 기다린다면 바로 화면을 꺼버리고 싶은 비주얼..... 나와 같은 현상을 타바하기 위한 방법을 찾아왔다! 티스토리 플러그인을 이용하여 코드가 컬러풀하게 보이는 방법! 1. 관리페이지에에서 왼쪽 메뉴목록 중 플러그인 선택, 검색창에 '코드'라고 검색하기 2. 검색하면 나오는 '코드 문법 강조' 클릭하기 3. 클릭하면 뜨는 창에서 원하는 테마 선택하고 적용하기 나는 내가 익숙한 비..

코딩공부를 하면서 정말 여러가지 강의를 접했다.... 그중 CSS학습에 도움이 될만한 좋은 사이트가 있어 블로그에 공유한다. 이 사이트는 유튜버 드림코딩의 엘리님의 강의를 듣고 알게된 사이트이다. CSS익히기 CSS Dinner, FLEXBOX FROGGY 게임은 총 2가지! 그 중 첫번째 게임은 CSS Dinner 게임방법은 가운데 움직이고 있는 요소가 있는데, 오른쪽 HTML을 참고하여 왼쪽 CSS창에 움직이는 요소를 선택하여 입력하는 것이다. 총 32 단계까지 있으며, CSS의 기본선택자 부터 복합선택자, 가상선택자까지 골고루 나온다. 오른쪽에는 힌트도 있으니 참고하여 풀면된다. 알면 재밌고, 몰라도 쉽고 재밌게 공부할 수 있는 좋은 컨텐츠 인것 같다! CSS Dinner 바로가기 두번째 게임은 F..

VS Code 사용방법 초딩초보에게 유용한 확장프로그램 4가지 VS Coed를 사용하면서 필요한, 혹은 VS Code를 사용하면서 더욱 유용하게 코드를 작성하도록 도와주는 확장 프로그램을 정리해보겠습니다. 1. Korean Language Pack for Visual Studio Code 영어로 된 프로그램 사용이 어려운 분들에게 유용한 기능입니다. VS Code를 한글화 할 수 있는 프로그램인데요. 마이크로소프트에서 만들어서 더욱 믿을 수 있는 프로그램입니다. 설치하면 상단에 메뉴탭들이 전부 한글로 바뀐 것을 확인할 수 있어요 2. Beautify Beautify 프로그램은 코드 작성 중에 혹시나 뒤죽박죽 되어버린 코드를 깔끔하게 정리해주는 프로그램입니다. 어떤 기능이 있는지 어떻게 사용하는지 알려드릴..