본문 바로가기

#직업훈련#자바#IT#개발자#직업훈련생#주니어개발자#웹#앱#안드로이드#취성패#취업성공패키지#코딩#HTML#웹#HTML5

자바(JAVA)기반 안드로이드 웹&앱 개발 32일차 (웹 프로그래밍 응용-내용없음) 오늘은 웹 프로그래밍을 응용하였습니다. 기존 개념들을 활용한 것이기 때문에 따로 내용은 안올리겠습니다. 모두 좋은 주말 되십시오! 더보기
자바(JAVA)기반 안드로이드 웹&앱 개발 31일차 (jQuery) 안녕하세요 의창입니다. 과제를 하느라 밀려서 이제 올리고.. 그마저도 다 복습하지 못해서 주말에 나머지를 마저 올리겠습니다. ​ jQuery 라이브러리 문서객체 선택 .1) jQuery 라이브러리 기본 형태 : $(선택자).메서드(매개변수, 매개변수) ※ jQuery 문서객체 선택 예시 ​ 2. 문서객체 조작 .1) 속성조작 ..(1) attr() 메서드를 사용한다. ..(2) 매개변수를 넣는 방법에 따라 속성을 지정하거나 추출한다. ..(3) 속성 추출 ...- attr() 메서드에 매개변수를 하나 입력하면 해당 속성을 추출한다. ...① $(‘img’).attr(‘src’, ‘http://placehold.it/300x200’); .....- 속성 값을 입력해 속성 지정 ...② $(‘img).att.. 더보기
자바(JAVA)기반 안드로이드 웹&앱 개발 30일차 (자바스크립트, 문서객체모델) 안녕하세요 의창입니다. 2.16 부터 3.16까지의 훈련수당이 고용노동부로부터 지급되었습니다. 3.25에 접수되어 4.7 지금 지급한걸 보면 2주정도 걸리는 것 같습니다. 284000원이 입금되었고 하루에 18000원 정도로 계산하시면 될 것 같습니다. 화요일마다 온라인 수업이라 집에서 들었는데 이것은 계산을 하지 않는 것 같습니다. ​ 오늘은 자바와 겹치는 내용이 많아 생략되는 내용이 많습니다. ​ 자바스크립트 기본문법 자바스크립트 기본 용어와 출력 방법 .1) 자바스크립트 기본 용어 ..(1) 표현식 : 값을 만들어내는 간단한 코드 ..(2) 문장 : 프로그래밍 언어에 실행할 수 있는 코드의 최소 단위 ..(3) 문장 마지막에 세미콜론(;) 또는 줄 바꿈을 넣어 종결을 나타낸다. ..(4) 키워드 :.. 더보기
자바(JAVA)기반 안드로이드 웹&앱 개발 29일차 (CSS, 레이아웃, 요소배치, 글자생략, 반응형 웹) 다양한 레이아웃의 구성과 기능 수평, 중앙, One True 정렬 레이아웃 1) 수평정렬 레이아웃 (1) 자손에게 float 속성을 지정하고, 부모의 overflow 속성에는 hidden 키워드를 적용한다. ※ 수평정렬 레이아웃 예시 ​ 2) 중앙정렬 레이아웃 (1) 중앙 정렬하고 싶은 태그에 width 속성을 부여하고 margin 속성을 ‘0 auto’로 입력 ※ 중앙정렬 레이아웃 예시 ​ 3) One True 레이아웃 (1) 행 구성하기 : #top, #middle, #bottom 공간 3개 분할 (2) 열 구성하기 : #middle 공간을 분할태그로 2개 분할 (3) 레이아웃 구성하기 .....- 부모 태그에 고정된 너비를 입력하기 .....- 수평 정렬하는 부모 태그의 overflow 속성에 hi.. 더보기
자바(JAVA)기반 안드로이드 웹&앱 개발 28일차 이어서..(CSS, CSS3, 박스 속성, 가시 속성, 배경 속성, 글자 속성, 위치 속성, 유동 속성, 그림자와 그레이디) CSS3 속성 박스속성 .- margin : 테두리와 다른 태그 사이의 테두리 바깥쪽 여백 .- border : 테두리 .- padding : 테두리와 글자 사이의 테두리 안쪽 여백, 배경색은 padding 영역까지 적용 .- width : 글자를 감싸는 영역의 가로 크기 .- height : 글자를 감싸는 영역의 세로 크기 .1) 박스 크기와 여백 ..(1) 박스 크기와 패딩 조정 ...※ width와 height 속성 적용하기 예시 ​ ※ margin과 padding 속성 적용하기 ☞ 태그 전체 크기는 다음 공식으로 구할 수 있다. ..☞ 전체너비 = width + 2X(margin+border+padding) ..☞ 전체 높이 = height + 2X(margin+border+padding) .2).. 더보기
자바(JAVA)기반 안드로이드 웹&앱 개발 28일차(CSS, CSS3, 선택자, 선택자와 단위) 뒤에 진도를 더 나가긴 하였으나, 금요일 하루안에 복습 정리하기에는 너무 힘들고 피곤해서.. 다행히 내일 주말이니까 주말에 이어서 올리겠습니다. ​ ​ 1. CSS3 기초 : 선택자와 단위 선택자의 용도와 사용법 .- 선택자를 사용해 특정 HTML 태그를 선택하면, 선택한 태그에 원하는 스타일이나 스크립트를 적용할 수 있다. ※ h1 { color : red; } 선택자 : h1 스타일 속성 : color 스타일 값 : red ※ 선택자의 용도와 사용법 예시 ​ 2. 기본 선택자 종류 형태 설명 전체 선택자 * HTML 페이지 내부의 태그를 모두 선택 태그 선택자 태그 HTML 페이지 내부의 특정 태그를 모두 선택 아이디 선택자 #아이디 특정 id 속성이 있는 태그 선택, 웹 표준에 id 속성은 웹 페이.. 더보기
자바(JAVA)기반 안드로이드 웹&앱 개발 27일차(HTML5 기본 태그, 입력 양식 태그, 구조화 태그) 안녕하세요, 의창입니다. 원래 예제가 많은 날인데.. 오늘 제가 시간이 없어서 개념만 정리했습니다.. 내일부터는 다시 예제도 올리겠습니다! ​ HTML5 기본 태그 글자태그 .1) 제목과 본문 글자 태그 태그 설명 제목 글자 h1 1번째로 큰 제목 글자 생성 h2 2번째로 큰 제목 글자 생성 h3 3번째로 큰 제목 글자 생성 h4 4번째로 큰 제목 글자 생성 h5 5번째로 큰 제목 글자 생성 h6 6번째로 큰 제목 글자 생성 본문 글자 p 본문 문단 생성 br 줄 바꿈 hr 수평 줄 삽입 ※ 특수 문자 표기 특수문자 출력문자 공백 & & ,2) 앵커태그 태그 설명 a 하이퍼링크 생성 한빛미디어 ※ 빈 링크 : 웹 표준을 지키면서 이동하지 않는 a 태그 언론사 전체보기 .3) 글자모양 태그 태그 설명 b .. 더보기
자바(JAVA)기반 안드로이드 웹&앱 개발 26일차(HTML5, 태그, 속성, 주석, 페이지 작성과 실행) 자바 책을 끝내면서 남은 시간에 HTML도 진행하였습니다. ​ 1. 태그와 요소 .- HTML 페이지를 구성하는 각 부품을 요소라고 한다.(제목,본문,이미지 등) .- 태그는 이러한 요소를 만들 때 사용하는 작성 방법이다. .- 자바슼릡트 개발에서는 요소를 객체(object)라고도 한다. .- 흔히 요소와 태그를 구분하지 않고 사용한다. 요소 구분 형태 예 내용을 가질 수 있는 요소 내용 Hello HTML5 즐거운 웹 프로그래밍 입문 내용을 가질 수 없는 요소 .- 내용은 텍스트가 될 수도 있고, 다른 요소가 될 수 있다. .- 내용은 가질 수 있을 뿐이지 입력하지 않아도 상관 없다. 2. 속성 .- 속성은 태그에 추가 정보를 부여할 때 사용하는 것이다. ※ Hello HTML5 ☞ title : 속성.. 더보기

티스토리툴바