●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. html css javascript 최진혁 최유빈 한이람 한이은 위에 처럼 최유빈과 html이라는 글자만 속성을 부여하고 싶을 때는 class라는 약속된 속성으로 그룹으로 묶어준다. 묶고 나서, style태그 안에다가 em(임의로 설정 아무거나 써도 됨){ } 이런 식으로 명령어를 입력하면 되는데, id는 속성을 부여할 때, 앞에다가 #을 붙인다. 예를 들어 위에 처럼 class="em"이 아니라 id="em"일 경우에는 style태그 안에 #em {} 이런 식으로 ..
●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 예전에는 HTML 부분에 CSS부분을 한 페이지를 수정하면 다른 페이지도 다 일일이 하나씩 수정해야 했기 때문에 이 부분을 해결하기 위해 CSS 확장자를 따로 만들고, 간편하게 사용했다. 방법은 이러하다. 우선 파일을 만드는 데 "이름/css"으로 만든다.(이름은 상관없다.) 만든 다음 head부분에 넣어놓았던 style태그에 속성들을 전부 이 곳으로 복사 붙여넣기한다(미리 확장자를 만들어 놨다면, 그냥 이름/css에 미리 써놓아도 된다) 그다음에는 head에다가 이..
오늘도 여느 때와 마찬가지로 코딩하기 딱 좋은 날씨였다. 물론 독서실에 있어서 날씨에 영향을 받진 않지만 말이다. 평소처럼 Do it 안드로이드 앱 프로그래밍을 들었다. 오늘은 Intent에 대한 내용을 듣고 있었고, 선생님의 강의를 듣고, 책을 읽고 실습을 하는데, 아니 이런.. 역시나 오늘도 오류가 발생하였다. 원래는 이렇게 만들려고 했었다. 원래는 이렇게 번호를 데이터를 넣고, 버튼을 누르면 저런 식으로 통화 버튼 입력창에 데이터가 가능 방식이었다. 정말 멋진 기능이었다. 코드는 아래와 같았다. 잘 안 보이는 분들을 위해 코드를 써 드리겠습니다. 우선 xml코드다. 그리고 java코드다. package org.techtown.samplecallintent; import androidx.appcomp..
●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. html css javascript 여기서 css만 점선 테두리를 치고 싶다고 했을 때, 스타일 태그안에 li를 선택자로 두면, html css javascript 모두 해당 되기 때문에, css에 다가만 id를 부여하는 것이다. html css javascript 이런 식으로 아이디 값을 입력한다(어떤 아이디 값이든 상관없지만, 자신이 잘 알아볼 수 있는 아이디로 하는 것이 좋다. 그리고 스타일 태그는 이런 식으로 selected 앞에 #버튼을 붙이는 것이다. 앞에..
안드로이드 스튜디오에서 push를 하려는데 다음과 같은 에러가 발생했다. 로그를 보니 Please make sure you have the correct access rights and the repository exists. 라고 써져 있는데, 해석해보면 올바른 액세스 권한이 있는 저장소가 있는지 인증해달라는 뜻인 거 같다. 다음과 같이 해결해보자. 해결법 첫째로 말씀드릴 것은 안드로이드 스튜디오가 아닌, 다른 깃 프로그램이나 에디터에서도 가능하니 시도해보시기 바랍니다. (전부 다가 아닐 수도 있습니다) SSH and GPG Key를 클릭하고, -> New SSH Key를 클릭한다. 아래 그림 순서대로 들어가 보자. 난 이미 만들어서 있다. 저 빨간 동그라미를 클릭하자. 자 여기까지 하고, (깃허브 창..
●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. CSS 만약 이런식으로, 내가 단순히 h1이 아니라 헤더 안에만 있는 h1한테 속성을 부여하고 싶다면, header h1 { border:1px solid red; } 이런 식으로 사용하면 된다. 이 뜻은 상위 태그 아래 있는 하위 태그를 표시해주는 것이다.
●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. text-decoration:underline; 밑줄을 치려면 위에 코드를 사용한다. h1, h2 { color:red; font-size:10px } 이 상황에서 h2 만 밑줄 효과를 주려면 아래에 따로 쓴다. h1, h2 { color:red; font-size:10px } h2{ text- decoration:underline; } 이러면 h2는 빨간 색깔에 10px이며, 밑줄까지 쳐진다. 즉, 중첩이 된다는 이야기다.
안녕하세요. 오늘은 Android Studio에서 백업을 하는 방법에 대해서 이야기해보려고 합니다. 먼저 여러 시도를 해보고 싶은데, 시도를 해보기 앞서, 혹여나 시도를 하고 나서, 에러가 뜨는 골치 아픈 상황이 생길 수도 있습니다. 이러한 상황을 이용해서 저희는 Export와 Import를 사용할 것입니다. Export : 내보내기 Import : 가져오기 백업하는 법 우선, 저는 안드로이드 스튜디오 Version 4.1.1 버전을 사용하고 있습니다. 아마도 다른 버전에서도 Import와 Export는 있기 때문에, 버전에 따라 위치가 그리 차이 나진 않을 것입니다. File -> Manage IDE Settings -> Export to Zip File을 클릭해주세요. 우선 우리가 백업하고 싶은 프로..
오늘은 MVC패턴에 대해 공부를 하여 공부한 내용을 정리하고자 합니다. MVC패턴은 디자인 패턴 디자인 패턴 중 하나인 MVC패턴은 프로그램을 개발하는 중에 문제점들이 나타날 때, 그러한 문제점들을 잘 정리해서 상황에 따라 적용해서 쓸 수 있게 만든 규약이다. 그 예가 바로 프레임워크나 라이브러리 같은 녀석들입니다. 예를 들어 어떤 데이터를 만들고 이 데이터를 수정할 로직을 짜고, 또한 이 데이터의 인터페이스 즉, 보여주는 부분을 만들 때, 이 모든 것들이 한꺼번에 정의가 되어있다면, 정말 유지 보수하기 힘들어집니다. 그래서 한마디로 디자인 패턴이란 이러한 불편한 점들을 도와주는 방법이라고 말할 수 있습니다. 그중에서는 스트래티지 패턴, 옵서버 패턴 등이 있고, 그것들 중 하나가 바로 MVC패턴인 것입니..
●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 이 코드는 html 코드이지만, 이 안에서 사용되는 코드는 CSS코드이다. font-size 폰트 사이즈를 설정해준다. ; 세미콜론이다. CSS에서 하나의 서술을 마무리 할 때 저렇게 표시하고, 다음 서술과 잘 구분하기 위해 ; 다음에 띄어쓰기를 하는 것이 좋다. px 픽셀이란 단위이다. 1. 박스모델 1-1 border 둘러싸는 칸을 만들 때 사용한다. ex) {border:1px solid red;} 여기서 솔리드는 테두리의 색깔을 나타낸다. 1-2 solid 단..
●해당 CSS 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. h1 {color:red} 는 h1을 빨간색으로 칠한다는 뜻에 CSS코드다. h1은 선택자(selector)라는 어떤 코드에게 영향을 줄 것이라는 뜻이고, {color:red}(description)은 서술이라고 하고 영향을 의미한다. 이것이 CSS의 기본 문법이다.
오늘은 안드로이드 스튜디오에서 커스텀 폰트를 적용하는 법을 알아보고자 한다. 우선 눈누같은 무료 폰트 사이트에서 폰트를 다운로드 해준다. https://noonnu.cc/ 상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누 상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누 noonnu.cc 원하는 폰트를 클릭해서 다운을 받는다. 저 버튼을 눌러 다운을 받는다. HTML로 웹을 만든다면, 웹폰트를 복사 붙여넣기 하면 되지만, 우리는 안드로이드의 적용하기 때문에 다운로드를 누른다. 들어가서 OTF로 다운로드 받는다. 다운 받은 후에는 압축을 풀고 폰트 파일명을 소문자로 바꿔준다. (대문자로 하면 오류가 난다.) font디렉토리 만들기 res폴더에 마우스 오른쪽 버튼을 누르고, new ->..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. Validator: https://validator.w3.org/ The W3C Markup Validation Service Validate by File Upload Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website. validator.w3.org 처..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. 안에서 간판과 같은 대제목을 이것은 제목이다.라는 것을 정확히 명시하기 위한 태그이다. 주로 Sementic HTML에 사용된다. 참고 자료 2020/10/28 - [Programing/HTML] - Semantic HTML Semantic HTML ●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이 할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용 daldalhanst..
Android Studio에서 이클립스처럼 컴파일이 가능할까? 정답은 가능하다. 사실 나도 안드로이드 스튜디오를 시작한 지 얼마 안돼서 잘 모르지만, 컴파일이 가능하다고 한다. 이 사실을 몰라서 이클립스를 깔고 필자는 자바를 공부하려고 했는데, 커뮤니티에서 이클립스 안깔고 안드로이드 스튜디오에서도 자바문 컴파일해서 공부할 수 있다는 글을 보았다. 재빨리 실행해 보았다. 우선 새로운 프로젝트를 만들자. 프로젝트는 어떻게 만들든 상관없지만, 필자는 No Activity로 만들고, Language를 java로 설정하고 Finish버튼을 눌러서 프로젝트를 만들었다. 그 후 xml파일은 필요 없으니 닫아두고, java파일만 놔둔다. (필자는 기존 MainActivity.java를 삭제하고, 보기 쉽게 java.j..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. embed요소는 브라우저에 설치되어 있는 플러그인이 필요한 외부 어플리케이션을 동작시킵니다. src : 내장할 자원의 주소를 나타냅니다. width : 요소의 너비를 지정합니다. height : 요소의 높이를 지정합니다. 짤, 비디오, 이미지 등등
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. audio요소는 오디오 파일을 재생합니다. src : 재생할 오디오의 주소를 지정합니다. preload : 다운로드 상태를 나타냅니다. none metadata auto autoplay : 자동 재생을 지정합니다. loop : 반복 재생을 지정합니다. controls : 브라우저의 기본 컨트롤러를 사용하도록 지정합니다. 브라우저가 audio요소에서 제공하고 있는 오디오를 재생하지 못하는 경우 audio요소 내부에 있는 내용을 출력합니다. source src : 대체..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. figure요소는 일러스트, 다이어그램, 사진, 코드등에 주석을 다는 용도로 사용됩니다. 이 요소가 제거 되더라도 문서의 주된 흐름에는 큰 영향을 미치지 않습니다. figure요소는 figcaption 요소를 포함할 수 있으며 figure요소안에서 맨앞이나 맨 마지막에만 올 수 있습니다. 단, figcaption요소가 필수는 아닙니다. 이미지와 텍스트 등의 콘텐츠를 함께 묶어서 하나의 독립된 단위로 취급하고 싶을때 사용한다. figcaption element 는 부..
●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다. section요소는 문서나 응용프로그램의 일반적인 섹션을 표현합니다. 제목으로 시작하는 컨텐츠를 의미적으로 그룹핑하기 위해 사용됩니다. section요소를 사용할 수 있는 예로는 챕터나 탭으로 구분된 대화상자에서 탭된 페이지, 또는 논문의 번호가 매겨진 색션이 될 수 있습니다. 홈페이지에서는 소개, 뉴스 아이템, 연락처등이 섹션으로 분리될 수 있습니다. 요소의 컨텐츠를 배포해도 이치에 맞다면 section요소대신 article요소를 사용할것을 권장합니다. secti..
●해당 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..