앱 만들기389

• 

  4강. br 태그 사용법 3강. P 태그 사용법2강. HTML 태그란 무엇일까?HTML에서 태그란 무엇일까?바로 기호로 둘러쌓인 HTML 문법의 가장 작은 단위 이다.  시작되는 태그 를 start tag(시작 태그) 닫히는 태그를 end tag  (닫힘 태그)라고 부른다.soo0100.tistory.com br 태그는 한줄 띄울때 사용한다.에디터에서 한줄을 띄운다고 해서 브라우저에 한줄이 띄워지지는 않는다.에디터에서 엔터를 쳐서 문단 내용을 줄 바꿈 한 예제이다. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. T.. 앱 만들기/HTML5 study 2024. 6. 21.

• 

  3강. P 태그 사용법 2강. HTML 태그란 무엇일까?HTML에서 태그란 무엇일까?바로 기호로 둘러쌓인 HTML 문법의 가장 작은 단위 이다.  시작되는 태그 를 start tag(시작 태그) 닫히는 태그를 end tag  (닫힘 태그)라고 부른다.이 두 태그 사이에 적히는soo0100.tistory.com P 태그는 문단을 만든다.P 태그는 열림태그  와 닫힘 태그   로 구성된다.하기 예제에서는 두개의 P태그 요소가 있다. Here is a Pharase. Lorem Ipsum is simply dummy text of the printing and typesetting industry.  문단이기에브라우저에서 실행하면 문단 사이에는 한줄의 공백이 생긴다.     4강. br 태그 사용법3강. P 태그 사용법2강. HTM.. 앱 만들기/HTML5 study 2024. 6. 20.

• 

  2강. HTML 태그란 무엇일까? 1강 HTML 기본구조하기는 가장 기본적인 구조를 가진 HTML 웹 페이지 이다. Here is a Pharase.  은 html 버전이 html5 라는 것을 알려준다. 은 웹 페이지 문서의 가장 큰 기본 뼈대이고, 이 태그 안에 모든 내용을 담는다. soo0100.tistory.com HTML에서 태그란 무엇일까?바로 기호로 둘러쌓인 HTML 문법의 가장 작은 단위 이다.  시작되는 태그 를 start tag(시작 태그) 닫히는 태그를 end tag  (닫힘 태그)라고 부른다.이 두 태그 사이에 적히는 text 내용을 content 라고 한다.콘텐츠 이 모두를 가리켜 Element(요소)  라고 부른다. 해당 내용을 몰라도 코딩을 하고 앱을 만드는 데 문제가 없지만API 문서나 웹에서 이야기 할때 용.. 앱 만들기/HTML5 study 2024. 6. 17.

• 

  1강 HTML 기본구조 하기는 가장 기본적인 구조를 가진 HTML 웹 페이지 이다. Here is a Pharase.  은 html 버전이 html5 라는 것을 알려준다. 은 웹 페이지 문서의 가장 큰 기본 뼈대이고, 이 태그 안에 모든 내용을 담는다.  사이에는 웹페이지에는 보이지 않지만 해당 웹 페이지가 가질 수 있는 특성(정보)을 적어준다. 태그는        2강. HTML 태그란 무엇일까?HTML에서 태그란 무엇일까?바로 기호로 둘러쌓인 HTML 문법의 가장 작은 단위 이다.  시작되는 태그 를 start tag(시작 태그) 닫히는 태그를 end tag  (닫힘 태그)라고 부른다.이 두 태그 사이에 적히는soo0100.tistory.com 앱 만들기/HTML5 study 2024. 6. 16.

• 

  살아온 날짜 계산기. 문득 오늘까지 산 날이 총 몇일 일까란 궁금증이 생겼습니다.1년이 365일 이므로 여차여차 곱하기를 해도 되지만 이래저래 복잡하기만 합니다.그래서 간단히 확인 할 수 있는 "살아온 날짜 계산기" 를 만들어 보았습니다. 프로그램, 앱 이라는것은 필요에 의해서 만들다 보면기능의 복잡도를 떠나서 사람들에게 이롭게 된다고 생각 합니다.과연 나는 오늘까지 몇일을 살아왔을까요? 사람 마다 주어지는 답변이 다르겠지만, 그 날짜 만큼이나 자신을 사랑하고 앞으로도 희망적인 삶이 되길 바래봅니다. 살아온 날짜 계산기 사용법1. 하기 지시에 따라 달력에서 내가 태어난 날짜를 선택합니다.2. 내가 살아온 날짜가 자동으로 계산되어 이 웹페이지에서 보여집니다. 달력에서 나의 생일을 선택해주세요.내가 살아온 날은? 앱 만들기/앱 소개 2023. 9. 11.

• 

  자바스크립트 String 데이터 형 자바스크립트에서 문자열 은 String 이라는 데이터 형 입니다. 먼저 문자열을 만드는 방법을 알아봅니다. 1. "" 쌍따옴표 or ' ' 따옴표로 문자를 둘러싸기 "안녕하세요" , '안녕하세요' 라고 자바스크립트 코드를 적으면 문자열로 인식 합니다. 문자들을 "", '' 사이에 적습니다. 2. typeof "문자열" typeof "문자열" 로 코드를 실행해보면 string 이라는 자료형을 보여줍니다. "", '' 로 표현되는 문자열은 string 자료형 이라는 것을 알 수 있습니다. 3. 백틱 `` 으로도 문자열을 Tab 키위의 `` 백틱 사이에 `안녕하세요` 라고 표현하여도 문자열이 됩니다. 줄 띄우기는 백틱`` 이 더 유리하다 " ", ' ' 에 비해서 백틱' ' 은 줄 띄우기에 더 편리합니다. ".. 앱 만들기/JavaScript study 2023. 8. 17.

• 

  자바스크립트 변수에 대해서 x = 5; y = 6; z = x + y; 자바스크립트 변수는 총 4가지 타입이 있습니다. 즉 4가지 방식으로 변수를 선언할 수 있다는 뜻입니다. 그 네 가지 방식은 하기와 같습니다. Automatically Var let const 입니다. Automatically는 자동으로 형이 부여되는 것으로 변수 앞에 아무런 키워드 도 적지 않는 것입니다 예를 들면 이러합니다. x = 5; y = 6; z = x + y; C 나 Java 등의 언어에서는 컴파일 오류가 날 수 있는 것도 자바스크립트에서는 유연하게 값을 도출해 냅니다. 하지만 이런 너무나 높은 자유도 때문에 생각지 못한 논리적 오류가 생길 수도 있습니다. 그래서 웬만하면 이런 방식은 지양하는 것이 좋고, 변수 선언지 키워드를 사용해야 합니다. Va.. 앱 만들기/JavaScript study 2023. 8. 16.

• 

  자바스크립트 이벤트 자바스크립트 이벤트 는 HTML 요소에서 이벤트 핸들러 속성에 의해서도 설정 됩니다. 그리고, 다음과 같은 상황에서 실행이 됩니다. HTML 페이지 로딩이 완료 되었을때. HTML input field 가 변경 되었을때, HTML 버튼이 클릭 되었을때,, 이외에도 많은 이벤트 가 있지만 주로 이러 합니다. 이런 이벤트들이 일어날때 해당 HTML 요소에 등록된 핸들러에 의해서 자바스크립트 코드나 함수가 실행되는 구조 입니다. HTML 요소에 등록되는 이벤트 핸들러의 문법 syntax 는 하기와 같습니다. 자바스크립트 코드는 쌍따옴표 혹은 싱글따옴표 안에 코딩하면 됩니다. 버튼 클릭 예제를 만들어봅니다. The time is? 버튼에 onclick 이벤트 핸들러를 등록합니다. 즉, 버튼이 클릭했을때 날짜 정.. 앱 만들기/JavaScript study 2023. 8. 15.

• 

  HTML 마우스 이벤트 HTML 마우스 이벤트 중 마우스를 특정 영역에 올려두었을 때와 (포커스) 포커스 되지 않았을때 를 구별하는 동작을 구현 해봅니다. 먼저 예제를 만들어 봅니다. ChangeBackground onmouseover 속성 : 마우스가 해당 요소에 올려졌을때 (포커스 되었을때) on mouseleave 속성 : 마우스가 해당 요소에서 벗어날때 (포커스 해제시) 위 코드는 해당 이벤트가 발생시 스타일로 배경색을 조정하는 예이며, 결과는 하기와 같습니다. 이외에도 마우스 관련 이벤트가 많습니다. 모든 것을 암기하지 말고, 필요할때 마다 html mouse event 등으로 검색해서 해당 예제등을 적용하면 되겠습니다. 감사합니다. Mouse Events W3Schools offers free online tutor.. 앱 만들기/JavaScript study 2023. 8. 14.

• 

  JS document.getElementbyID().innerHTML 자바스크립트 document.getElementByID().innerHTML 속성에 대해서 알아봅니다. 먼저, document.getElementById("id") 메소드를 사용하면 인자 값인 "id" 를 id 로 가진 HTML 요소에 접근이 가능합니다. 그렇게 접근한 다음 .innerHTML property(값)을 통해서 해당 HTML 요소의 값을 수정하는 것 입니다. 이 방법이 일반적으로 자바스크립트를 사용해서 HTML 의 요소에 접근하는 방법 중 하나 입니다. 예제를 만들어 봅니다. test demo 라는 아이디를 가진 p 요소에 접근하여 해당 값을 "Hello Happy day!" 라고 바꾸어 주는 코드 입니다. 참고로, 리스트를 가지는 요소에 접근하여 리스트 값을 얻어 올수도 있습니다. 예제를 .. 앱 만들기/JavaScript study 2023. 8. 10.