●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 1. 양식이라는 뜻이다. 웹 페이지가 상호작용할 수 있게 하기 위한 양식의 최상위 요소로 그 범위를 정의한다. input요소와 함께 쓰인다. 2. id Idenrification의 약자로 어떤 요소를 유일하게 해주는 고유하게 만들어주는 요소이다. *class와 다른점 class 어떤 집단을 명시 할 때 사용한다. 한 마디로 id를 사용했으면, 다른 곳에 중복으로 사용하면 안된다. 3. action URI이다. form의 필수속성으로 필드의 내용을 처리하는 처리하는 ..
오류 이클립스를 사용하다 보면 이러한 오류가 발생이 되는데, 영어를 해석하면, 패키지의 이름이 설정되지 않았다고 나옵니다. 저 같은 경우는 이고잉님의 자바 강의를 듣다가, 똑같이 시도했는데, 이와 같은 오류가 발생했다. 저도 이것 때문에, 계속 구글링을 하며 해결책을 찾아보았는데, 그래서 혹시 버전 때문에 차이가 발생한 건가 싶은 생각에 버전에 관련된 문서를 찾아 보았는데, 비슷한 내용의 원인 글을 찾게 되었다. 우선 해결책은 이러하다. 해결책 java project를 처음 만들 때, JDK버전을 수정할 수가 있는데, 보통 강의를 하시는 분이나, 책에서는 JDK 8 버전을 사용한다고 합니다. 그리고 저 Use an execution environment JRE를 JavaSE-1.8 버전으로 바꿔주시면 됩..
제목 : 자바냐? 코틀린이냐? 사실 이 제목 주제로 이야기 해보려는 건 아닌데, 제목을 저렇게 짓고 싶었다. 이유는 모르겠다. 뭐 한 편으로는 저 두 언어를 많이 고민해봤는데, 아직 내가 현업으로 뛰지도 않고, 어떤 언어가 어떻게 사용되고, 저 언어의 매력은 무엇인지 등등, 직접 해보지 않는 한 자세한 건 모르기 때문에, 일단 여러 정보들을 토대로, 올바른 방향처럼 보이는 루트르 따르기로 했다. 이 관련 포스팅은 조만간 쓰면 좋을 것 같다. 우선 결론은 많은 우리나라 기업들은 아직 안드로이드나 다른 백엔드 분야에서 자바를 사용하고 있다는 점, 코틀린은 아직 스타트업이나 몇몇 기업들에서만 사용되고 있다는 점, 그리고 자바를 배우면 코틀린은 금방 터득한다는 말씀, 결론은 자바를 베이스로 잘 마스터하고, 이어..
이클립스로 출력을 하려 했는데 이러한 오류가 뜰 경우 Editor does not contain a main type이라는 에러 창이 종종 뜬다. 여러 가지 원인이 있을 수 있지만, 대표적인 원인은 java파일이 src폴더 안에 있지 않고, 바깥에 있을 경우에 이러한 에러 창이 자주 뜬다. 이러한 경우에는 간단하다. 해당 java파일을 src안에 넣어주면 된다. 만약 src폴더가 없다면? 그렇다면 src폴더를 만들어 줘야 한다. 추가하는 방법은 다음과 같다. 우선 java파일을 실행시켰던 project를 우클릭한 후에 properties를 클릭한다. 그러고 나면, 이러한 창이 뜨게 되는데, 여기서 Java Build Path에 들어가서 Source 탭에 들어간다. 그리고 Add Folder를 클릭해준다...
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 클라우드 컴퓨팅(Cloud Computing) 가상화 종량제이다. 종량제:쓰는 만큼 돈을 낸다. 쓰는 만큼 돈을 내는 시스템인데, 강력한 컴퓨터하나를(256GB) 쓰는 데 시간대비 적절한 비용으로 적당한 시간만 쓸 수 있게 하는 시스템이다. 예를 들어, 웹서버의 컴퓨터를 2대 사용하고 있는데, 트래픽이 갑자기 많아져, 컴퓨터가 더 필요할 경우 자동으로 만들어주는데, 트래픽이 낮아지면, 순차적으로 필요없는 컴퓨터를 없애주는 기능을 가지고 있다.(load balance..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 1. 웹 처음 만들 때 순서와 기획 기획을 해야 하는데 "펜슬",이나 "발사믹" 같은 모델링 사이트에서 만들어도 되지만, 유료인 관계로, 가능하면 파워포인트로 만들어도 된다. 2. Interface 말이라는 도구를 통해 사람들은 서로 정보를 주고받고, 무언가 요청을 할 수 있다. 서로 소통하기 위한 기계들의 접점 즉, 컴퓨터나 스마트폰은 전원 버튼이 있는데, 시스템에게 전원을 끄라고 명령할 수 있다. 이러한 것을 인터페이스라고 할 수 있다. 예를 들어= USB, 웹..
위기는 계속 오기 마련이다. 그 위기를 어떻게 잘 이겨나갈지가 관건인데, 우리는 사실 그 방법을 알고 있음에도, 사실은 마음속에서 담배를 더 피고 싶은 마음에, 그 방법은 사실 소용이 없다고 단정 짓는다. 이 사실을 멀리 제3의 관점으로 보게 되면, 한심한 나 자신을 발견하게 될 것이다. 우리는 이 것을, 이 고통을 받아들여야, 초심으로 가졌던 금연의 이유를 상기시키며, 수월한 금연을 하는데 더 도움을 줄 수 있지 않을까 한다. 그렇다 금연은 어렵다. 그래도, 조금이라도 쉽다고 생각하는 것도 충분히 도움이 되지 않을까? 근데 나 역시 모순되는 것이, 오히려 금연을 만만히 보지 않고 어려운 행위라고 대하고 나서, 꽤 오랜기간 금연을 하는 것 같다. 우리는 왜 금연을 해야 할까? 사실 아까 말한 것처럼 여러..
제목 : 왜 이클립스 안깔리는 거야. 광명에 있다가 화성에 돌아오고나서, 한의원 환자분이 한 분 늘어간 것을 깨달았다. 아이고,... 안그래도 최근에 사람이 없어서 기분 좋아 질려던 찰나 였는데, 사람이 늘어났다. 사람이 많이 없으면, 청소도 빨리 끝날테고, 공부도 빨리 할 수 있는 장점이 있기 때문이다. 그래도 뭐 9시전에 끝나서 기쁜 마음으로 티스토리 글 하나 올리고, 생활코딩 공부하고 나서 이렇게 일기를 쓰는 중이다. 아니 생활코딩 자바 강의를 기분좋은 마음으로 시작했는데, 초반 부터 막히고 있다. 이클립스라는 프로그램을 깔려고 하는데, 실행이 안되는 것... 지금은 늦은 시간이고 해서 일단은 내일 깔아볼려하는데, 강박인지는 모르겠으나.. 시작할때 이런식으로 막히면, 미련을 버리지 못하고, 다음 단..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 1. 표를 만들 수 있다. 2. 테이블 안에 행을 넣을 수 있다. 2-1. 테이블 안에 데이터를 넣을 수 있다. 2-1-1. colspan 열을 늘릴 수 있다. ex) Out of Town 열을 두 칸 늘렸다는 뜻이다. 2-1-2. rowspan 행을 늘릴 수 있다. Out of Town 2는 행을 두 칸 늘릴 수 있다는 뜻이다. 2-2. 테이블 안에 header이다. 표제목을 넣을 수 있다. 2-2-1. scope 행과 열에 대한 정의를 내릴 수 있다. 한 마디로..
제목 : 감성이 필요할 때 이상하게도 그런 날이 있는 것 같다. 글이 쓰는 것이 귀찮지 않은 날 말이다. 사실 이런 마음은 최근 3일 동안 많이 들은 것 같다. 약간 이제부터 매일 나의 기록을 남기자고 다짐했었을 때부터인 것 같다. 정말 어쩌면 티스토리 블로그도 애드센스 블로그로 키우기 위해 수익을 위한 활동으로 목표를 잡았었지만, 지금 보니까 그때 억지로 쓸 때, 글 보다 이렇게 솔직하게 나에 대한 글을 쓰니 마음이 얼마나 평화롭고 글이 잘 써지는지 모른다. 이런 감정이 지속하였으면 하는 마음에, 오늘 글을 세 번 째 쓴다. 이런 마음이 계속 가면 좋겠다. 잠깐 깝치는 작심삼일이 아니면 좋겠다는 이야기다. 한가지 기분 좋은 건 지금 이런 새벽에 글이 잘 쓰지는 음악을 틀면(유튜브에 있다) 기분이 고요해..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 머리말이다. 태그 상위에 위치하며, 태그에서 쓰이는 코드들이 따로있다. ex) 웹브라우저의 제목을 넣을 때 필요한 태그이다. 태그 사이에 넣는 태그이다. 앵커 태그라고 불리며, 외부나 내부 페이지, 또는 동일한 페이지의 콘텐츠에 연결(책갈피 역할)하는 데 사용한다. 링크를 설정할 수 있는 태그이다. 혼자서 기능을 수행하지 못하며, 태그와 태그와 함께 사용한다. href : ex) hypertext reference(참조)의 줄임말이다. 링크 주소를 지정하는 하나의 ..
아직도 망설이나요? 금연이 두렵기도 합니다. 사실 매일이 두려운 것 아닐까요? 매일 담배에 의지하는 당신임을 알면서도, 우리는 그 사실을 외면하면서 살아가고 있습니다. 담배로 인해 좋은 추억을 만들었다고, 착각하면서 살아갈 테죠. 담배의 시작 저 또한, 그런 적이 있었습니다. 중학생 시절, 주변 친구들이 하나 둘 너도나도, 담배를 물어가며, 호기심이 극대화되었던 시절, 저는 친구 중 마지막으로 제일 늦게 담배를 피워보게 됩니다. 아직도 기억이 납니다. 처음 담배를 피우고, 어지러움이 심하고, 처음 느꼈던 복통.. 배를 움켜잡고, 방 한편에 이불 안으로 들어가 한참을 누워있었습니다. 다음 날이 돼서야 괜찮아졌고, 그때라도.. 멈췄어야 했지만, 때는 이미 늦었습니다. 이런 걸 왜 못 끊는다는 거야라는 알 수..
금연... 누군가에겐 정말 보고 싶지 않은 글씨 호기심으로 담배를 시작한 지 어언 8년 차.. 수도 없이 담배를 끊기 위해 도전을 하기도 했지만, 매번 실패하는 데에는 이유가 분명히 있었다. 의지 문제도 있었지만, 주변인들의 권유.. 이를 테면... "야 그냥 펴.. 안 죽어" 등등 많은 흡연자들이 금연을 시도했을 때 경험해 봤을 것이다. 그 밖에도, 특정한 상황에서 정말 참기 힘들 텐데, 밥을 먹거나, 커피를 마신다거나, 카페에서 공부를 할 때라든지, 게임 한판 하고 다음 판 사이 텀에 담배를 핀다던지 등등 수많은 경우에 각자 좋아하는 담배 타임이 있다. 글쓴이는 밥을 먹고 피는 담배에 정말 강한 행복을 느꼈으며, 나의 흡연 인생 8년을 앞지르는 결국 하루에 1갑을 피게 만들게 한 주요 원인으로 기억되..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. HTML로 코딩을 시작할 때 먼저 입력하는 코드로 해당 페이지는 HTML 5.0으로 작성하겠다는 의미로 앞에 명시한다. *HTML 버전별로 사용하는 태그가 다르다. *버전을 명시해서 브라우저가 페이지를 올바르게 표시하기 위해 사용한다. (브라우저에게 버전을 알려주기 위해) 맞지않는 코드를 사용했을 때 브라우저가 알아 먹지 못할 수도 있기 때문이다. 을 작성하고 바로 아래에 쓰이는 코드로 문서 전체를 로 덮어야 한다. 이 역시 브라우저가 이 전체 코드가 HTML 코드..
평소에 이고잉님의 생활코딩을 통해 ATOM 에디터를 쓰다가, 비주얼 스튜디오 코드로 갈아탔다. 이유는... 흠 아직 코린이라 잘 모르지만, 많이들 사용하는 것 같고, 뭔가 더 있어보이는?? 그렇다. 말도 안되는 이유이다. 뭐.. 많이들 쓰는 이유가 있겠지.. 아무튼 쓸데없는 이야기는 나중에 하고, 여러 코드를 작성하면서, 비슷한 단어나 여러 문구를 한 번에 수정하는 법이 있다. 뭐.. 그냥 복붙 여러번하면 안되냐 일 수도 있는데, 특정 부위만을 바꿀 수도 있고, 페이지에서 사용된 모든 코드들을 한 번에 바꿀 수도 있는 능력을 가지고 있다. Ctrl + Shift + L 버튼이다. 일단 수정하려는 단어를 드래그해서 선택하고, 이 버튼을 누르면, 선택한 단어와 같은 모든 단어가 동시에 선택이 된다. 이 때 ..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 동영상 태그이다. width height controls Video not supported 등의 속성이 있는데, 하나하나 보면, width는 가로 길이를 의미하고, height는 세로길이를 의미한다. controls는 일시중지와 재생 및 건너뛰기 기능을 추가할 수 있는 속성이다. 비디오나 동영상이 만약 오류가 있어, 비디오 로드를 할 수 없는 경우에 이 문구가 뜨게 만드는 것이다. 아래 식 처럼 와 사이에 입력한다. 예를 들어, Video not supported..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이 할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 굵은 글씨체로 중요한 표현을 할 때 사용. 와 나타나는 표현은 같지만, strong은 예를 들어 시각 장애인을 위한 소리 내 읽어주는 프로그램을 만들 때 기능을 추가해 사용하는 등의 응용이 가능하다. 이 차이점이 중요하다. 는 단순한 굵은 글씨체 은 중요한 굵은 글씨체 글자를 기울게 해준다. 줄을 바꿔준다. 예를 들어, 를 사용하면 줄도 두번 내려간다. List Item 이나 사용시 리스트를 만들 때 사용한다. Unordered Lists 순서가 필요하지 않는 리..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 네이버 블로그를 시작하다. 나는 그냥 평범한 이것저것 하는 20대 중반을 접어든 청년이다. 처음으로 이렇게 인터넷 상에서 글을 쓰는 건 거의, WWE 프로레슬링이 한창 인기가 많던 2006년 쯔음, 나는 친구와 함께 네이버 블로그에 매일매일 재밌는 유머나, 사진 등을 올리며, 현재 페이스북에 재밌는 것들이 올라오면, 나중에 보려고, 나만 보기로 공유하는 것처럼 그 시절에는 그랬다. 그렇게 그 네이버 블로그를 안 한 지 수년이 지난 후에, 신사임당이란 유튜버가 스마트..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이 할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 이미지 삽입 시 사용 source를 넣어 사용한다. 예를 들어, 슬래시를 넣든 안넣든 상관은 없다.(스스로 닫는 태그이다) -관련 속성- src Source 이미지의 속성이다. 출처라는 의미이다. 이미지나 링크 삽입시 사용한다. alt 이미지의 속성이다. 이미지의 마우스 커서를 가져다 대었을 때 이미지에 대한 설명이 나오게 하기 위함이다. 적지 않아도 되지만, 1. 웹 접근성 2. 검색 엔진 최적화 3. 오류 발생 시 정보 확인 을 위해서 적는게 좋을 수도 있다...
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이 할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. Bold 굵은 글씨를 적용할 때 사용한다. 과 나타나는 표현은 같지만, strong은 예를 들어 시각 장애인을 위한 소리 내 읽어주는 프로그램을 만들 때 기능을 추가해 사용하는 등의 응용이 가능하다. 이 차이점이 중요하다. 는 단순한 굵은 글씨체 은 중요한 굵은 글씨체
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이 할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 의미가 잘 드러나는 웹이라는 뜻이다. 시맨틱 HTML은 태그 사이에있는 내용에 대한 컨텍스트를 제공하는 특정 요소를 통해 페이지에 의미를 도입합니다. 시맨틱 HTML은 최신 표준이며 화면 판독기를 사용하여 웹 페이지를 번역하고 웹 사이트의 SEO를 향상시키는 사람들이 웹 사이트에 액세스 할 수 있도록합니다. , , 및 웹 페이지의 기본 구조를 만들 수 있습니다. 장, 제목 또는 테마가 같은 문서의 다른 영역과 같은 문서의 요소를 정의합니다. 기사, 블로그, 댓글 ..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이 할 수 있으며,제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. Navigational Links Home Posts Contact 위에 디브로 써놓은 태그들을 헤더와 나브로 표현할 수 있다.헤드와 나브로 표시하면 더 쉽게 읽을 수 있다. Navigational Links Home Posts Contact 이런식으로 디브를 헤더와 나브, 메인이나 푸터등 굳이 디브를 사용하지 않아도간소화할수 있다.
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이 할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. World Wide Web Consortium 웹 표준을 개발하는 커뮤니티이다. 웹 표준을 정의했다. 어떤 태그는 필요하지 않고, 어떤 태그는 시대의 요구에 의해서 필요하다 판단하는 국제기구이다. 이 국제기구의 의장은 HTML의 창시자이기도 한 팀 버너스리이다.