coding 264
[Bootstrap] 부트스트랩 테마를 찾아보자 (무료편)
안녕하세요. 플입니다. 오늘은 무료 부트스트랩 테마를 찾아볼게요. 1. Free Bootstrap Themes https://startbootstrap.com/themes/ Free Bootstrap Themes & Templates - Start Bootstrap Free themes for Bootstrap 4 that are open source, MIT licensed, and free to download - these pre-designed themes are easy to customize and ready to publish startbootstrap.com 검색창에 bootstrap free templates라고 검색하시면 바로 뜰 거예요. 귀찮으신 분들은 위에 링크를 이용해주세요. 이런..
![[Bootstrap] 부트스트랩 테마를 찾아보자 (무료편)](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/ZTKUx/btqIRYFi0SJ/kOQGrOp108BXetbTTwBuOk/img.png)
[Bootstrap] 부트스트랩 테마를 찾아보자 (유료편)
안녕하세요. 플입니다. 오늘은 부트스트랩 유료 템플릿을 구경해볼게요. 1. tnemeforest https://themeforest.net/ WordPress Themes & Website Templates from ThemeForest Discover 1000s of premium WordPress themes & website templates, including multipurpose and responsive Bootstrap templates, email templates & HTML templates. themeforest.net 검색창에 테마포레스트를 검색하시거나 위의 링크로 접속해주세요. 이런 화면이 뜨는데요. 부트스트랩 테마 말고도 워드프레스 테마도 다운로드할 수 있고 디자인만 따로 다운..
![[Bootstrap] 부트스트랩 테마를 찾아보자 (유료편)](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/uTmgF/btqIRYFiJYD/XjbXi91kpDWzdowswPuJCk/img.png)
[Brackets] 브라켓에서 코드를 연속 복사 해보자
안녕하세요. 플입니다. 오늘은 브라켓 팁을 가져와봤어요. 1. 코드 작성 처음부터 *(곱하기)를 이용해서 만들어주면 좋긴 한데 항상 그렇게 마음대로 되는 게 아니거든요. 간혹 새로 추가해야 할 때가 발생합니다. 그것도 여러 개를! 그럴 때 사용하면 좋습니다. 먼저 복사할 코드를 작성해주세요. 오늘은 태그를 이용해볼게요. 링크 2. Ctrl + D 커서를 코드 아무 곳이나 두고 Ctrl + D를 눌러주세요. 이 단축키의 장점은 커서가 코드 앞이든 뒤든 중간이든 코드 근처에 있기만 해도 가능하다는 거예요. 그리고 복사하지 않고도 연속해서 사용할 수 있어요. 아마 일러스트레이터를 사용하셨던 분들이라면 연속 복사 단축키가 익숙하실 거예요. 그럼 연속으로 3개를 더 만들어볼까요? 이렇게 간단하게 코드를 복사할 수..
![[Brackets] 브라켓에서 코드를 연속 복사 해보자](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/bu4lzd/btqIAPnPTPR/WSRn4Gb3cNXMLmgGY2KhP0/img.png)
[Bootstrap] 부트스트랩을 이용해 아이콘을 불러와보자
안녕하세요. 플입니다. 오늘은 아이콘을 불러와볼게요. 1. 위치 확인 뭘 해볼 거냐면요 하단에 이런 식으로 sns 바로가기 아이콘 같은 게 있는걸 많이 보셨을 거예요. 오늘은 여기 인스타그램이라는 글자 앞에 인스타그램 아이콘을 넣어볼게요. 아이콘을 따로 만들지 않고 부트스트랩을 이용해서 불러올 겁니다. 2. font awesome https://www.bootstrapcdn.com/fontawesome/ Font Awesome The recommended CDN for Font Awesome www.bootstrapcdn.com 검색창에 font awesome 4 cdn이라고 검색해주시거나 위의 링크를 클릭해주세요. 그러면 들어가자마자 바로 링크를 줄 거예요. 이 링크를 복사해주세요. 그리고 이런 식으로..
![[Bootstrap] 부트스트랩을 이용해 아이콘을 불러와보자](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/bXPEdm/btqIkvjcug2/0SzUPFE05JTS7KEAGXftuk/img.png)
[brackets] 브라켓에서 여러줄을 한번에 이동시켜보자
안녕하세요. 플입니다. 오늘은 브라켓 활용방법이에요. 1. 앞으로 이동 코드를 복사해오면 가끔 이렇게 너무 많이 밀려난 경우를 볼 수 있을 거예요. 이럴 때 한 줄씩 앞으로 당겨오려면 너무 힘이 들어요. ... 사실 힘들진 않지만 귀찮잖아요. 한 번에 이동시켜볼까요? 옮길 만큼 드래그로 잡아주세요. 그다음 Shift + Tab을 눌러주세요. 아까보다 앞으로 왔죠? 이렇게 한 번에 옮길 수 있답니다. 꼭 Shift 키를 먼저 눌러주세요. 2. 뒤로 이동 위에서 왜 Shift키를 먼저 누르라고 했냐면 Tab키만 누르면 뒤로 가기 때문이에요. 뒤로 이동을 해볼게요. 앞으로 이동했던 거랑 똑같습니다. 일단 드래그로 영역을 잡아주시고 이번엔 Tab키를 눌러주세요. 이번엔 뒤로 움직였죠? 이렇게 간편하게 코드를 정..
![[brackets] 브라켓에서 여러줄을 한번에 이동시켜보자](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/waN7e/btqH4tmqEHO/OHAPDeZU7kGZelQUJTpEd1/img.png)