브라킷 7
[brackets] 브라켓에서 여러개의 태그 한번에 입력해보자
안녕하세요. 플입니다. 오늘은 브라킷에서 태그 여러 개를 한 번에 입력해볼게요. 1. 브라킷 브라킷은 이렇게 생긴 에디터 프로그램이에요. 코딩을 도와주는 도구라고 생각해주시면 됩니다. 2. 태그 여러 개 넣기 각설하고 바로 본론으로 넘어가 볼게요. 만약 태그를 3개 넣고 싶으시다면 li*3 처럼 적어주시고 Tab키를 눌러주시면 됩니다. 여기서 *기호는 코딩에서 x(곱하기)를 의미해요. 그러니까 li x 3이라고 생각해주시면 됩니다. 에디터 프로그램에게 "나는 태그가 3개 필요해" 하고 알려주시는 거예요. tab으로 명령을 전달하면.. 이렇게 한 번에 3개를 만들 수 있습니다. 일일이 입력하지 않아도 되어서 간편하죠? 에디터 프로그램의 이런 장점이 코딩을 빠르게 할 수 있게 도와준답니다. 다른 에디터 프로..
[brackets] 브라켓 html 자동완성
안녕하세요. 플입니다. 오늘은 브라킷에서 템플릿을 불러와볼게요. 1. 템플릿 일단 템플릿 기본 형태는 위의 사진과 같아요. 아주 간단하게 구조를 잡아주고 필요한 부분은 넣어주면 될 것 같아요. 필요하다면 언어도 한국어로 바꿔주시면 된답니다. 은근히 쓰기 귀찮은 코드인데 간편하게 쓸 수 있다는 점이 에디터 프로그램의 장점 같아요. 2. !(느낌표) 자 그럼 이제 템플릿이 뭔지 알았으니 불러와봅시다. !(느낌표)를 입력하고 탭키를 눌러주세요. 간단하죠? 이렇게 간편하게 불러올 수 있답니다. 이제 저 표시된 빈 공간에 html 코드를 짜주시면 된답니다. 그럼 이만. 총총.
[brackets] 브라켓으로 자식태그까지 한 번에 코딩하기
안녕하세요. 플입니다. 오늘은 브라킷을 이용해 자식 태그까지 한 번에 코딩해볼게요. 1. 꺽쇠 이용 (>) 꺽쇠 혹은 부등호라고도 하죠. > 바로 이 기호요. 이 기호를 이용해서 안쪽에 자식 태그를 넣을 것이라는 걸 알려줘요. 저는 태그 안쪽에 태그를 넣을 거예요. div>p 그러면 이렇게 입력해주시면 된답니다. 어렵지 않죠? 2. Tab키 자 이제 바로 Tab키를 눌러주세요. 탭키는 caps lock 키 위에 있는 키에요. Shift 위에 위에 있는 키랍니다. 이렇게 부모 태그와 자식 태그가 한 번에 생겼어요. 간편하죠? 이래서 다들 에디터 프로그램을 사용하나 봅니다. 질문이 있으시거나 다른 궁금하신 점이 있다면 댓글 남겨주세요~ 그럼 이만. 총총.
[영상] 랜딩페이지 html 작업
안녕하세요. 플입니다. 오늘은 랜딩페이지 html 작업 영상을 가져왔어요. 1. 랜딩페이지 html 작업 https://youtu.be/FMYF65EbuP4 코드가 잘 보이도록 신경을 써봤는데 어떤지 궁금하네요. 랜딩페이지 html 작업을 영상으로 만들어봤어요. 아직 css가 들어가지 않아서 실제 화면은 전혀 랜딩페이지 같지 않지만 다음 css 작업 영상은 그럴싸해질 테니 다음 영상도 기대해주세요~ 그럼 이만. 총총.
[brackets] 브라켓 테마 바꾸기
안녕하세요. 플입니다. 오늘은 브라킷에서 테마를 바꿔볼게요. 1. 테마 브라킷을 열어서 보기> 테마 메뉴로 들어갑니다. 2. 테마 설정 테마 설정 창으로 들어와서 현재 테마에서 내용을 클릭해서 바꿔주시면 됩니다. 저는 다크 테마를 사용하고 있는데 테마를 바꿔볼게요. 테마를 선택하면 이렇게 라이트 테마로 바꿀 수 있어요. 옆에 디폴트라고 적혀있는데 원래는 흰 화면이 기본 배경이에요. 라이트 테마를 적용하면 이런 이미지예요. 이건 제가 평소에 쓰는 다크 테마예요. 그럼 이만. 총총.