일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- 알고리즘문제
- 자바스크립트
- 코딩테스트
- 프로그래머스 코테
- next.js 에러
- 프로그래머스코딩테스트
- 정처기기출
- 코테준비
- 코테공부
- 프로그래머스코테
- next.js
- 프로그래밍
- CSS
- 1일1코테
- js
- 프로그래머스
- html
- 프로그래머스 코딩테스트
- 알고리즘스터디
- 프로그래머스 레벨0
- 개발자
- 정보처리기사
- 알고리즘공부
- 코딩
- 프로그래머스 알고리즘
- 프로그래머스알고리즘
- mysql
- 코테스터디
- Redux-Toolkit
- 프로그래머스 Lv.0
- Today
- Total
목록👟 Etc (19)
계발하는 개발자
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/npfxD/btrWZWAb4oJ/0YGxQn8Cf1aylP0nDk5hF0/img.png)
코딩 관련해서 구글링하다보면, 개발코드들을 코드펜이라는 프로그램과 연동해놓은 것을 종종 볼 수 있는데요. 오늘은 개발자들 대다수가 이용하고 있는 코드펜(code pen)을 티스토리와 연동하는 방법을 정리해보겠습니다 !! https://codepen.io/ 먼저 코드펜 개발자모드를 이용하기 위해선 가입이 필수적입니다. 깃허브와의 연동가입도 가능하니 손쉽게 가입 gogo 가입 및 로그인하면 다음과 같은 메인화면이 나타나는데 개발자모드를 이용하기 위해서는 좌측 pen 탭 또는 우측 상단 아이콘 클릭> New Pen 을 클릭합니다. 그러면 위와 같은 개발자코드 창이 뜹니다. 이것을 이제 티스토리와 연동하기 앞서 간략하게 내용을 작성해줍니다. 시작태그와 끝태그까지 작성해주고 나면 바로 아래에 있는 미리보기 화면창..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bqPoNf/btrTGbfUcEz/VjwIkEwENE8XMndCtxU1Vk/img.png)
[ Git ] 로컬에서 관리되는 버전 관리 시스템(VCS : Version Control System) 여러 개의 파일과 복잡한 파일명 없이도 모든 변경사항 보존, 각 변경 사항에 대한 해설 추가 가능 ->git에 올리면 언제, 누가, 뭘 변경했는지를 커밋에 올리면서 서로 비교 가능 예전 버전으로 돌아가거나, 여러 코드를 합치거나 할 수 있다 [ Github ] 소프트웨어 개발 프로젝트를 위한 소스 코드 관리서비스 소스 코드 열람 및 간단한 버그정리, 버전관리 그리고 sns기능도 있는 호스팅 플랫폼 서비스 함께 개발한 소스 코드를 공유할때 또는 상대로부터 받은 코드를 수정할때 유용하게 사용 버전 관리 시스템(VCS)이란 쉽게 말해 코드가 변경된 부분을 모두 기억해준다는 의미입니다. 코드가 수정될 때마다 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bX2Bv4/btrSyT72q7j/llvbBdC53U48eoLRbwYRrk/img.jpg)
Emmet이란? 자동완성 기능을 통해 HTML 작성 속도를 크게 향상시켜주는 텍스트 편집기 플러그인 Emmet (에밋)을 사용하면 HTML & CSS의 작업 속도를 엄청나게 향상시킬 수 있다!!👐🙆♀️ VS Code는 emmet을 기본적으로 지원하고 Tab키를 통해 사용한다. 에밋(Emmet) 플러그인 설치하는 법> 1. 우측 블럭모양 [확장 기능 관리자] - [설치 가능] 탭 - 검색창에 "ammet" 입력 - 설치 2. [설치됨] 탭 - 에밋 정상적으로 활성화 되었는지 확인 오래 기다릴 것 없이 빠르게 설치가 진행된다 ! HTML5 boilerplate (표준문서): 2가지 단축키> !+[tab] html:5+[tab] “!”치고 tab 또는 “HTML:5”입력 후 tab 클릭 위 2가지 방법대로 ..