coding 265
[brackets] 브라켓에서 태그 만들기
1. 일반적인 방법 브라킷은 이런 식으로 나오는 에디터 프로그램이에요. 여러 가지 에디터 프로그램 중 하나입니다. 에디터 프로그램들의 장점은 단축키라던가 코딩을 빨리 할 수 있는 다양한 기능들이 있다는 점이에요. 메모장에서 코딩하던 시절이여 안녕~ 아마 다른 에디터프로그램도 많이 지원하는 기능일 거예요. 하고 앞에 여는 태그만 적어도 자동으로 닫는 태그를 만들어준답니다. 간편하죠? 맨날 닫는 태그 잊어버리고 에러났던 일들이 없어진다면 한층 더 수월하게 코딩할 수 있겠죠. 닫는태그 신경 쓰지 않아도 되고 말이죠. 물론 바로바로 닫는 태그를 적어주는 습관이 좋기는 하지만.. 브라킷이 해준다는데 마다할 이유는 없죠. 2. 탭키 활용 두 번째 방법은 탭키를 활용하는 거예요. 위의 이미지처럼 원하는 태그의 이름만..
![[brackets] 브라켓에서 태그 만들기](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2Fk7T7n%2FbtqC9ylrQU5%2FAAAAAAAAAAAAAAAAAAAAANGqDCPBPRXT7Nk08zubMekVZ-0o36BOT_NGbNDB17Nv%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1759244399%26allow_ip%3D%26allow_referer%3D%26signature%3DAgRG0adPj89mMLRiBkMA%252BD4cYbY%253D)
[codepen] 레이아웃 바꾸기
안녕하세요. 플입니다. 코드팬에서 레이아웃을 바꿔볼게요. 1. code pen https://codepen.io/pen/ Create a New Pen ... codepen.io codepen은 온라인에서 코딩을 할 수 있는 사이트인데요. 이전에 new pen이라고 포스팅을 올린 적 있죠. 정확한 명칭은 codepen이었네요. 에디터 프로그램을 쓰지 않고 간편하게 코딩해볼 수 있어서 좋아요. 뭔가를 만든다기보다 실험해볼 때 쓰면 좋을 것 같네요. 먼저 코드팬을 열어주세요. 2. 레이아웃 변경 이런 화면을 만날 수 있을 거예요. 이제 레이아웃을 바꿔서 코드를 짜는 부분을 좌측으로 정렬해볼게요. 왼쪽 위 메뉴를 보시면 Change View라고 적힌 메뉴가 있죠? 이것을 눌러주세요. 굉장히 직관적인 UI를 만..
![[codepen] 레이아웃 바꾸기](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2Fbc951v%2FbtqCUcc5rgx%2FAAAAAAAAAAAAAAAAAAAAACtd7ix8lYY__bDNgeE9CslAvn1Lqm20Udne7ZBcH4G8%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1759244399%26allow_ip%3D%26allow_referer%3D%26signature%3DgoawXTyTca51t1cF207AVc3Dplg%253D)
[html] figure 활용하기
안녕하세요. 플입니다. 태그를 활용해볼게요. 1. figure 는 보통 이미지, 영상 등을 올릴 때 사용하는 태그예요. 태그랑은 다르게 설명을 넣을 때 주로 사용하죠. 설명을 넣을 때는 태그를 사용해요. 20.01.27 포그 귀엽다. 로그원 보자. 코드를 보면 크게 태그로 감싸주고 안쪽에 태그와 태그를 사용한 걸 알 수 있어요. 태그는 html5에 추가된 태그인데요. 조금 더 구체적으로 그룹 지을 수 있는 태그들이 많이 나오는 것 같아요. 이 전에는 나 태그를 많이 사용해 유지보수가 어려웠다면, html5에서는 다른 태그들이 많이 나와서 유지보수가 수월해지고 있다고 느껴요. 태그에 비해 태그를 사용하면 아, 여기에는 이미지가 있겠구나 하고 한 번에 알 수 있으니까요. 자식 태그를 한 번 더 체크하지 않아..
![[html] figure 활용하기](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2Fcnvcg0%2FbtqCUbYT8NV%2FAAAAAAAAAAAAAAAAAAAAAGVjpwRj1DiM9ZX_iH4xHy9UhIJNSUdTRZ87IHwwYcvM%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1759244399%26allow_ip%3D%26allow_referer%3D%26signature%3Dsf4SSk988VC60r8Kh9RR1XDwLz8%253D)
[cmd] 명령어를 실행할 수 없을 때
안녕하세요. 플입니다. cmd에서 명령어가 실행되지 않을 때 어떻게 해결하는지 알아볼게요. 1. cmd창 이런 식으로 '내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.'라는 문구가 뜨면서 명령어가 실행되지 않는 걸 볼 수 있어요. 어? 이거 얼마 전까지 되던 건데 왜 이러지 8ㅁ8 하는 생각이 들 때 사용하면 됩니다. 2. 내 컴퓨터 내 컴퓨터> 오른쪽 클릭> 속성을 눌러주세요. 왼쪽 메뉴에서 고급 시스템 설정을 눌러주세요. 3. 환경 변수 시스템 속성 창이 뜰 텐데 여기서 환경 변수를 선택해주세요. 시스템 변수에서 path를 선택하고 편집을 눌러줍니다. 변수 값을 ;C:\Windows\System32로 추가해줍니다. 추가할 때는 ;(세미콜론)을 이미 있던 주소 뒤에 붙이고..
![[cmd] 명령어를 실행할 수 없을 때](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2Fd6e2Kz%2FbtqCRytC0fv%2FAAAAAAAAAAAAAAAAAAAAALnNGujIP82juhXbWKNXBFsjXorQAr-PY9I3PbxBhvJ0%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1759244399%26allow_ip%3D%26allow_referer%3D%26signature%3DQDqWT4RdEEouqla9%252BVKMa%252B%252BRuq4%253D)
[Java] 이클립스 인코딩 설정 2
안녕하세요. 플입니다. 이클립스 인코딩 설정을 해볼게요. 1. css 인코딩 저번 인코딩에 이어서 web부분을 인코딩해볼게요. 지난번 인코딩 설정이 궁금하시다면 아래 링크를 클릭해주세요. https://ssimplay.tistory.com/200 [Java] 이클립스 인코딩 설정 안녕하세요. 플입니다. 이클립스 인코딩 설정을 해볼게요. 1. Java 파일 인코딩 이클립스를 실행해 window > Preferences 메뉴로 들어가 주세요. Preferences창이 뜨는데 좌측 메뉴에서 General > Workspace 메.. ssimplay.tistory.com 바로 css인코딩으로 넘어가 볼게요. 먼저 window > Preferences로 들어가 줍니다. 왼쪽 메뉴에 Web > CSS Files 메..
![[Java] 이클립스 인코딩 설정 2](https://i1.daumcdn.net/thumb/C100x100/?fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbU4xxy%2FbtqCQoJidZU%2FAAAAAAAAAAAAAAAAAAAAAEp2hi4AYTReILS98HQmeEW07bYXAdMbOObVrCCwY_Lg%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1759244399%26allow_ip%3D%26allow_referer%3D%26signature%3DkWaaJu8FzhcnL26OMwzROAjS%252BT8%253D)