본문 바로가기

Try/coding

(70)
[브라킷] brackets에서 태그 만들기 1. 일반적인 방법 브라킷은 이런 식으로 나오는 에디터 프로그램이에요. 여러 가지 에디터 프로그램 중 하나입니다. 에디터 프로그램들의 장점은 단축키라던가 코딩을 빨리 할 수 있는 다양한 기능들이 있다는 점이에요. 메모장에서 코딩하던 시절이여 안녕~ 아마 다른 에디터프로그램도 많이 지원하는 기능일 거예요. 하고 앞에 여는 태그만 적어도 자동으로 닫는 태그를 만들어준답니다. 간편하죠? 맨날 닫는 태그 잊어버리고 에러났던 일들이 없어진다면 한층 더 수월하게 코딩할 수 있겠죠. 닫는태그 신경 쓰지 않아도 되고 말이죠. 물론 바로바로 닫는 태그를 적어주는 습관이 좋기는 하지만.. 브라킷이 해준다는데 마다할 이유는 없죠. 2. 탭키 활용 두 번째 방법은 탭키를 활용하는 거예요. 위의 이미지처럼 원하는 태그의 이름만..
[code pen] 레이아웃 바꾸기 안녕하세요. 플입니다. 코드팬에서 레이아웃을 바꿔볼게요. 1. code pen https://codepen.io/pen/ Create a New Pen ... codepen.io codepen은 온라인에서 코딩을 할 수 있는 사이트인데요. 이전에 new pen이라고 포스팅을 올린 적 있죠. 정확한 명칭은 codepen이었네요. 에디터 프로그램을 쓰지 않고 간편하게 코딩해볼 수 있어서 좋아요. 뭔가를 만든다기보다 실험해볼 때 쓰면 좋을 것 같네요. 먼저 코드팬을 열어주세요. 2. 레이아웃 변경 이런 화면을 만날 수 있을 거예요. 이제 레이아웃을 바꿔서 코드를 짜는 부분을 좌측으로 정렬해볼게요. 왼쪽 위 메뉴를 보시면 Change View라고 적힌 메뉴가 있죠? 이것을 눌러주세요. 굉장히 직관적인 UI를 만..
[html] figure 활용하기 안녕하세요. 플입니다. 태그를 활용해볼게요. 1. figure 는 보통 이미지, 영상 등을 올릴 때 사용하는 태그예요. 태그랑은 다르게 설명을 넣을 때 주로 사용하죠. 설명을 넣을 때는 태그를 사용해요. 20.01.27 포그 귀엽다. 로그원 보자. 코드를 보면 크게 태그로 감싸주고 안쪽에 태그와 태그를 사용한 걸 알 수 있어요. 태그는 html5에 추가된 태그인데요. 조금 더 구체적으로 그룹 지을 수 있는 태그들이 많이 나오는 것 같아요. 이 전에는 나 태그를 많이 사용해 유지보수가 어려웠다면, html5에서는 다른 태그들이 많이 나와서 유지보수가 수월해지고 있다고 느껴요. 태그에 비해 태그를 사용하면 아, 여기에는 이미지가 있겠구나 하고 한 번에 알 수 있으니까요. 자식 태그를 한 번 더 체크하지 않아..
[cmd] 명령어를 실행할 수 없을 때 안녕하세요. 플입니다. cmd에서 명령어가 실행되지 않을 때 어떻게 해결하는지 알아볼게요. 1. cmd창 이런 식으로 '내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.'라는 문구가 뜨면서 명령어가 실행되지 않는 걸 볼 수 있어요. 어? 이거 얼마 전까지 되던 건데 왜 이러지 8ㅁ8 하는 생각이 들 때 사용하면 됩니다. 2. 내 컴퓨터 내 컴퓨터> 오른쪽 클릭> 속성을 눌러주세요. 왼쪽 메뉴에서 고급 시스템 설정을 눌러주세요. 3. 환경 변수 시스템 속성 창이 뜰 텐데 여기서 환경 변수를 선택해주세요. 시스템 변수에서 path를 선택하고 편집을 눌러줍니다. 변수 값을 ;C:\Windows\System32로 추가해줍니다. 추가할 때는 ;(세미콜론)을 이미 있던 주소 뒤에 붙이고..
[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] 이클립스 다운받기 안녕하세요. 플입니다. 이클립스 다운로드를 해볼게요. 1. 이클립스 이클립스는 다운로드 포스팅을 작성하지 않았었더군요. 왜지..? 그래서 다시 설치하는 김에 포스팅도 같이 해보려고 합니다. https://www.eclipse.org/ The Platform for Open Innovation and Collaboration | The Eclipse Foundation The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 350 open source projects, including runtimes, tools and frameworks. www.eclipse.org 먼저 이클립스 사이트에 접속해주..
[Java] 이클립스 삭제하기 안녕하세요. 플입니다. 이클립스를 삭제해볼게요. 1. 경로 찾기 왠지 알 수 없는 오류가 자꾸만 떠서... 삭제하고 다시 깔아보기로 했어요.. 눈물이 나네요. 설정 뭐 해놨는지 다 잊어버렸는데.. 그래요 이런 일도 있고 저런 일도 있고 그런 거겠죠. 일단 이클립스가 설치된 경로에 들어가 줍니다. 기억이 안나도 걱정 마세요. 이클립스 아이콘에서 오른쪽 클릭 > 속성으로 들어가면 체크된 부분에서 경로를 알 수 있어요. 그럼 저 경로에 해당하는 폴더를 차근차근 찾아가 보도록 합시다. 2. 삭제 경로를 찾아서 들어갔다면 eclipse 폴더와 eclipse-workspace폴더를 발견하실 수 있으실 거예요. 이 두 폴더를 통째로 지워줍시다. Shift + Delete를 누르면 영구삭제를 할 수 있어요! 얜 뭘까요..
[Java] 이클립스 서버에 아파치 톰캣이 없을 때 안녕하세요. 플입니다. 이클립스 서버에 아파치가 안 뜰 때 해결방법을 알아볼게요. 1. Help 눈을 씻고 찾아봐도 아파치가 보이지 않네요. 그렇다면 보이게 따로 더 설치를 해줘야 합니다. 손이 많이 가는 우리 이클립스 친구.. 바로 설치해볼게요. Help > Install New Software... 를 클릭해주세요. work with에서 더보기 화살표를 누르면 쭉 여러 개가 뜰 거예요. 여기서 All Available Sites를 선택해줍니다. 모두 보기~ 선택하고 조금 기다려주세요. 인고의 시간~ 2. 설치 기다렸더니 설치할 수 있는 항목들이 여러 개 떴네요. 스크롤을 쭉 내리면 가장 아래쪽에 Web, XML, Java EE and OSGi Enterprise Development라는 항목이 있을 ..