●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. figure요소는 일러스트, 다이어그램, 사진, 코드등에 주석을 다는 용도로 사용됩니다. 이 요소가 제거 되더라도 문서의 주된 흐름에는 큰 영향을 미치지 않습니다. figure요소는 figcaption 요소를 포함할 수 있으며 figure요소안에서 맨앞이나 맨 마지막에만 올 수 있습니다. 단, figcaption요소가 필수는 아닙니다. 이미지와 텍스트 등의 콘텐츠를 함께 묶어서 하나의 독립된 단위로 취급하고 싶을때 사용한다. figcaption element 는 부..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. section요소는 문서나 응용프로그램의 일반적인 섹션을 표현합니다. 제목으로 시작하는 컨텐츠를 의미적으로 그룹핑하기 위해 사용됩니다. section요소를 사용할 수 있는 예로는 챕터나 탭으로 구분된 대화상자에서 탭된 페이지, 또는 논문의 번호가 매겨진 색션이 될 수 있습니다. 홈페이지에서는 소개, 뉴스 아이템, 연락처등이 섹션으로 분리될 수 있습니다. 요소의 컨텐츠를 배포해도 이치에 맞다면 section요소대신 article요소를 사용할것을 권장합니다. secti..
*주의사항 본 독후감은 지극히 개인적이고 주관적인 의견이 반영되어, 실제 책 내용가 다를 수 있음을 밝힙니다. 하찮은 독서평이라도 읽어주셔서 감사합니다. 너무 의식에 흐름대로 써서 오타가 있을수도 있습니다. 제목 : '부의 비밀병기, IF'를 읽고 나서/ 당신을 구원해줄 단어 '만약에' 드디어 다 읽었다. 이 책을 샀던 당시.. 지금으로 부터 반년 전에 산 책인데, 이제서야 읽었다. 당시에 나는 나의 인생 책인 엠제이 드마코의 '부의 추월차선'을 열정적으로 읽고 있었는데, 읽는 도중.. 너무 재밌게 봐서, 이런 비슷한 책이 없을까해서, 다음 날 바로 비슷해보이는 책을 사게 되었는데, 이 책이 바로 그 책이다. 국제금융 전문가 조원경씨가 여러 작품이나 시나 책들을 통한 돈에 대한 통찰을 주로 한 이야기라고..
●해당 Java 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 문자나 숫자나 연산 출력 가능 ex) public class Datatype{ public static void main(String[] args) { System.out.println(6); //Number System.out.println("six"); //String System.out.println("6"); //String 6 System.out.println(6+6); System.out.println("6"+"6"); } } 값은 6 six 6 12 6..
HTML, CSS, Javascript로 무엇을 할 수 있을까? 화성으로 온 지 어언 두 달이 되어간다. 공부를 목적으로 화성으로 오고 나서, 코딩에 코짜도 모르는 상태에서, 단순히 생활코딩과 코드카데미에서 무작정 HTML을 배웠다. 그렇다. 그냥 빠꾸없는 상남자 독학이다. (크흠) 넓고 얕게 배우는 것이 중요하다는 이고잉님의 말씀처럼, 적당히 배우고, 실습시간을 나 스스로 정하면서, 이것저것 시도해보았다. 일단 무엇을 만들까 생각했던게, 점심메뉴를 랜덤으로 골라주는 사이트가 있으면 좋을 것 같다고 생각하여, 연습 삼아 그런 사이트를 만들어야겠다고 생각했다. 사실 HTML과 CSS만 알지 Javascript는 아예 다룰 줄 몰라, 친구에게 물어보았다. 우선 생판 처음 만들어 보는 사이트라 코드도 엉망일테..
●해당 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의 관점으로 보게 되면, 한심한 나 자신을 발견하게 될 것이다. 우리는 이 것을, 이 고통을 받아들여야, 초심으로 가졌던 금연의 이유를 상기시키며, 수월한 금연을 하는데 더 도움을 줄 수 있지 않을까 한다. 그렇다 금연은 어렵다. 그래도, 조금이라도 쉽다고 생각하는 것도 충분히 도움이 되지 않을까? 근데 나 역시 모순되는 것이, 오히려 금연을 만만히 보지 않고 어려운 행위라고 대하고 나서, 꽤 오랜기간 금연을 하는 것 같다. 우리는 왜 금연을 해야 할까? 사실 아까 말한 것처럼 여러..
●해당 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 행과 열에 대한 정의를 내릴 수 있다. 한 마디로..
●해당 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년 쯔음, 나는 친구와 함께 네이버 블로그에 매일매일 재밌는 유머나, 사진 등을 올리며, 현재 페이스북에 재밌는 것들이 올라오면, 나중에 보려고, 나만 보기로 공유하는 것처럼 그 시절에는 그랬다. 그렇게 그 네이버 블로그를 안 한 지 수년이 지난 후에, 신사임당이란 유튜버가 스마트..