coding 265
[brackets] 브라켓에서 여러줄을 한번에 이동시켜보자
안녕하세요. 플입니다. 오늘은 브라켓 활용방법이에요. 1. 앞으로 이동 코드를 복사해오면 가끔 이렇게 너무 많이 밀려난 경우를 볼 수 있을 거예요. 이럴 때 한 줄씩 앞으로 당겨오려면 너무 힘이 들어요. ... 사실 힘들진 않지만 귀찮잖아요. 한 번에 이동시켜볼까요? 옮길 만큼 드래그로 잡아주세요. 그다음 Shift + Tab을 눌러주세요. 아까보다 앞으로 왔죠? 이렇게 한 번에 옮길 수 있답니다. 꼭 Shift 키를 먼저 눌러주세요. 2. 뒤로 이동 위에서 왜 Shift키를 먼저 누르라고 했냐면 Tab키만 누르면 뒤로 가기 때문이에요. 뒤로 이동을 해볼게요. 앞으로 이동했던 거랑 똑같습니다. 일단 드래그로 영역을 잡아주시고 이번엔 Tab키를 눌러주세요. 이번엔 뒤로 움직였죠? 이렇게 간편하게 코드를 정..
![[brackets] 브라켓에서 여러줄을 한번에 이동시켜보자](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FwaN7e%2FbtqH4tmqEHO%2FAAAAAAAAAAAAAAAAAAAAAM8PIaQKMSnuQRxbVaGaOiG139nCJF4TcKGO5uA3DxIk%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DoiBNGU15tFG0FHXdZfXorce9jBM%253D)
[css] 긴 문장의 단을 나눠보자
안녕하세요. 플입니다. 오늘은 단을 나눠볼 거예요. 1. 단 우선 단이란 무엇일까요? 이미지에서 빨간 부분이 보이시나요? 그 부분을 한 단 이라고 합니다. 잡지에서 저렇게 세로로 한 뭉텅이를 단(column/칼럼)이라고 부르고 단을 나눈다는 말은 단을 여러 개로 만들어 문장을 쪼개서 넣는다는 의미예요. 이미지를 보면 총 네 단으로 있는 것을 알 수 있죠. 2. 웹에서 단 나누기 잡지에서는 알았는데 그럼 웹에서는 단을 어떻게 나눌까요? 일단 예제를 위해 의미 없는 문장을 가득 채워줄게요. https://ssimplay.tistory.com/179 [html] 의미 없는 문장 채우기 안녕하세요. 플입니다. 샘플로 한 문단 정도 아무런 말이나 채우고 싶을 때가 있죠. 그럴 때 어떤 방법을 사용할까요? 1. 문..
![[css] 긴 문장의 단을 나눠보자](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FpZjCa%2FbtqHZjQKz92%2FAAAAAAAAAAAAAAAAAAAAAJxb0XE1UgCLEtxOygKo2EvWxb-8VI781wHZE4BV7qyF%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DL7xYjv2XHzkYr1PioVnLH0oSkzg%253D)
[jQuery] 제이쿼리 가져오기
안녕하세요. 플입니다. 오늘은 제이쿼리 스크립트를 가져와볼게요. 1. jQuery CDN https://code.jquery.com/ jQuery CDN The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party servers have not been tampered with. Use of SRI is recommended as a best-practice, whenever libr code.jquery.com 제이쿼리로 뭔가 만드는 포스팅만 올렸었지 기본적으로 어떻게 가져오는지는..
![[jQuery] 제이쿼리 가져오기](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2Fbj32Vm%2FbtqHGVv8uMP%2FAAAAAAAAAAAAAAAAAAAAAIP9Eqi-o1mTMQXzUpCSLrMT3XyzZkvwWUPiXa5C7uLL%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3D6B4%252FlBhfylphfdFTjQ4D5zL1VSw%253D)
[brackets] 브라켓에서 여러개의 태그 한번에 입력해보자
안녕하세요. 플입니다. 오늘은 브라킷에서 태그 여러 개를 한 번에 입력해볼게요. 1. 브라킷 브라킷은 이렇게 생긴 에디터 프로그램이에요. 코딩을 도와주는 도구라고 생각해주시면 됩니다. 2. 태그 여러 개 넣기 각설하고 바로 본론으로 넘어가 볼게요. 만약 태그를 3개 넣고 싶으시다면 li*3 처럼 적어주시고 Tab키를 눌러주시면 됩니다. 여기서 *기호는 코딩에서 x(곱하기)를 의미해요. 그러니까 li x 3이라고 생각해주시면 됩니다. 에디터 프로그램에게 "나는 태그가 3개 필요해" 하고 알려주시는 거예요. tab으로 명령을 전달하면.. 이렇게 한 번에 3개를 만들 수 있습니다. 일일이 입력하지 않아도 되어서 간편하죠? 에디터 프로그램의 이런 장점이 코딩을 빠르게 할 수 있게 도와준답니다. 다른 에디터 프로..
![[brackets] 브라켓에서 여러개의 태그 한번에 입력해보자](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FCEW1N%2FbtqHAn7G9Vj%2FAAAAAAAAAAAAAAAAAAAAALDZQgBl-ldC4JnrD11O8obOWTWW3jnwSLfPumHuS_xP%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DBaWdqQgceKKuz5fw%252FgaXfmlBSRs%253D)
[Bootstrap] 부트스트랩 클래스를 찾아보자
안녕하세요. 플입니다. 오늘은 부트스트랩에서 쓰는 여러 클래스들을 찾아볼 거예요. 1. 부트스트랩 사이트 http://bootstrapk.com/ 부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프론트엔드 프레임워크. 프리프로세서 부트스트랩은 평범한 CSS 로 제공합니다만, 그것의 소스코드는 2개의 인기있는 CSS 프리프로세서인 Less 와 Sass 를 사용합니다. 신속하게 프리컴파일된 CSS 로 시작하거나 소스를 빌드 bootstrapk.com 일단 위의 주소로 부트스트랩 홈페이지에 접속해주세요. 한국 사이트랍니다. 2. 콤포넌트 그리고 위쪽 메뉴 중 네 번째쯤에 있는 콤포넌트를 클릭해주세요. 뭔가 다양한 것들이 나오고 오른쪽에는 종류가 잔뜩 나올 거예요. 콤포넌트란 무엇인가요? 콤포넌..
![[Bootstrap] 부트스트랩 클래스를 찾아보자](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbsOFdW%2FbtqGuF3RDKS%2FAAAAAAAAAAAAAAAAAAAAAEuN2PnaEtuUUr2Uz20af9VB-tdfPBXHDNmwP-PEaNFI%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DbnKGNHQk03%252BuTNfKh8kbAxAtsgU%253D)