Class33 [프론트엔드 day02] 1. Input 문법 - 코드 입력- -1 -2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - 10 - 11 - 출력 결과 - 2. Textarea 텍스트 입력 박스 창 - 코드입력 - te - 출력 결과 - 3. ul 순서가 없는 목록 태그 - ul 안에 리스트 항목을 넣어준다 - 코드 입력 - content1 content2 - 출력 결과 - 4. ol 순서가 있는 목록 태그 - 순서대로 리스트를 보여준다 - 코드 입력- content1 content2 - 출력 결과 - - ol type= "A" start="3" > 알바벳 3번째 자리부터 시작 - 코드 입력 - content1 content2 - 출력 결과 - 5 . Table - 표 유뷰브 - 공유하기 - 퍼가기 - 안에있는 iframe .. Class/Frontend 2022. 4. 16. [프론트엔드 day01-1 ] 1. 웹 에 " 안녕" 이라는 글자 출력하기 - 출력하고 싶은 내용을 body 안에다 적어주면 된다. - 코드입력- 안녕 - 출력 결과 - 2. div - 하나에 구역을 정할때 사용함. 줄바꿈이랑은 개념이 다름. ex) 네이버 창 - 이렇게 구역으로 나뉘어 질때 주로 사용함 - 코드 입력- 안녕 하세요 - 출력 결과- 3. 문단 태그 - 태그 문법- - 구역 설정 - 문장안에 서 독립적으로 설정할수 있음 - 강조태그 - 기울기 태그 - 기울기 - 칠하기 -문장위 선으로 긋기 - 밑줄긋기 - 올려쓰기 - 내려쓰기 - 공간 상관없이 개행 - 띄어쓰기 - 코드 입력 - 목숨이 눈에 없는 하였으며, 예가 이 얼마나 말이다. 없으면, 만천하의 놀이 되려니와, 아니다. 노년에게서 자신과 끓는 피부가 전인 끓는다. .. Class/Frontend 2022. 4. 16. [프론트엔드 day01] html 파일의 확장자명 -파일명.html 페이지 실행키 -Alt + l + o div -하나의 구조를 나타내는 것 br -줄바꿈   -스페이스바 역할 자바 스크립트 할때 value 값을 가지고 올수 있다. required -넘어가기전 필수 입력 값 알려주는 것 div -빈 박스, 하나의 구역 p -한 줄 단위 , 위 아래 공간이 생긴다 span -단어 단위, 특정 구간을 분간 b , strong -강조, 굵은 폰트 h1 - 6 -제목태그, 폰트 크기, 굵기, 위 아래 공간이 숫자가 내려 갈수록 커진다 em,i -폰트 기울기 mark -형광색 으로 칠해짐 del -가운데 밑줄 ins -밑줄 sup, sub -위 첨자 , 아래 첨자 br -줄바꿈 , 개행 $lt , > -.. Class/Frontend 2022. 4. 10. [ CSS애니메이션 / Animation1-1 ] width = 넓이 height= 높이 background = 색상 border = 테두리 solid= 입체 display flex = 중앙정렬 align-items = 플렉스 요소들의 수직 방향 정령 방식을 설정 justify-content = 플렉스 료소의 수평 방향 정렬 방식을 설정하는것 Keyframe = 애니메이션이 변하는 지점, 방향이 변하는 지점 ( # 트렌지션은 중간에 변할수 있는 값이 없었다.) ---------------------------------------------------------------- 1. 박스를 한개 만들어 주자 단, 박스색은 노란색 , 테두리는 검정색으로 2. 박스안 센터에 box 라는 단어를 넣어주자 Animati.. Class/css 2022. 4. 4. #JAVA 수업 강의 4-1 # 배열 같은 자료형의 여러 변수를 하나의 묶음으로 나열 해 놓은 것 int data1 int data2.. 이렇게 까지 intdata100 까지 이름 설정을 해놓을수 없다 . 매우 힘들고 귀찮기 때문에 조금더 편리 하게 하기 위해 "묶음" 으로 나열 해 놓은것 🟣배열 문법 int [ ] arData = new int [5]; > int 타입의 저장공간 5개 앞에 있는 참소 변수가 배열을 다룬다 . 각각의 저장공간 이름 없음. 하지만. 숫자가 자동 배열 = index 즉 index > arData 가 배열을 다룬다. 🟣배열 사진 1. 여러개의 저장공간을 배열을 통해 한번에 선언하여 관리한다. 2. 규칙성이 없는 값에 규칙성을 부여한다.(index 번호 자동부여) 3. [ ] 대괄호를 사용한다. 4. 배열.. Class/Java 2022. 3. 31. #JAVA 수업 강의 4 # Break 문과 continue - Break: 자신이 속한 반복문을 탈출한다. - Continue: 특정 조건시 반복을 건너 뛸 때 사용한다. 🟣 Break문 예제 public class Ex_Self01 { public static void main(String[] args) { for (int i = 0; i < 10; i++) { if(i==4) { break; } System.out.println(i); } } } - 출력 ▶ i Class/Java 2022. 3. 31. [ CSS변환 / Transfrom 1-2 ] 2. 박스에 커서를 대면 커지게 만들기 🟣 스타일 삽입 코드 scale ( 크기 ) (2) > 2배 } 🟣 결과 > 블럭에 마우스 커서를 놓을때마다 2배 씩 박스가 커진다 HTML 삽입 미리보기할 수 없는 소스 Class/css 2022. 3. 30. [ CSS변환 / Transfrom 1-1] 1. 박스 생성하기 🟣 박스 생성 🟣 여러 박스 생성 A B C D E 🟣 박스에 스타일 삽입하기 .box { width: 100px; height: 100px; border:2px solid black; background: rgba(255, 255, 0, 0.7); } 🟣 소스코드 CSS Transform Lorem ipsum doctypelor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo.. Class/css 2022. 3. 30. Java class day1, day2 요약정리 # 자바 문법 정리# ✔ 출력 메소드 > 출력: 사용자에게 데이터가 표현되는 것 print() : 괄호 안에 있는 값을 그대로 출력, 마지막에 줄바꿈 x println(): 괄호 안에 있는 값을 그대로 출력, 마지막에 줄바꿈 o printf(): 서식문자를 사용할 수 있는 출력 메소드 (서식 문자열, 값) ✔ 제어문자 > 따옴표 안에 작성하고 \ 와 함께한다. \n : Enter(줄바꿈) \t : Tab \" : " ✔ 자료형 > 저장공간의 종류, 타입 자료형 type byte 예 ------------------------------- 정수형 int 4 0, 10, -17, ... 실수형 float 4 0.0F, 3.14F, -17.147F, ... double 8 0.0, 3.14, -17.147, .. Class/Java 2022. 3. 28. #JAVA 수업 강의 3-2 # 반복문 : 특정한 코드나 행위를 반복 해야할 때 사용하는 문장 🧡조건에 의한 반복문 while, do ~ while 🧡 횟수에 의한 반복문 for # for문 반복 횟수가 특정된 경우에 사용 값이 일정하게 변하는 반복일 경우에 높은 확률로 for문 사용 ex) 2 4 6 8 10 - 이렇게 일정하게 증가 하거나 감소. for(초기식; 조건식; 증감식){ 반복할 문장 } 초기; 조건; 증감 문장식 for(int i=0; i Class/Java 2022. 3. 26. #JAVA 수업 강의 3-1 ✔반복문 넘어가기 전에 💕 누적 대입 연산자(복합 대입 연산자, 누적 연산자) += , -=, *=, /=, ... int data = 10; data = data + 5; data += 5; // data에 5만큼 더해서 넣어라! data *= 10 + x; >> data = data * (10 + x); 문자열은 '뒤'에 누적연결인 경우에는 사용가능 '앞'의 누적연결인 경우는 직접 써주어야 한다. String result = "A"; result += "B" >> result = result + "B" // "AB" 💕 증감 연산자 ++ , -- 1씩 증가, 1씩 감소 data += 1; data++; -전위형 ++data : 증감이 해당 줄부터 적용 ( ++ 앞에 붙음) int data= 10; s.. Class/Java 2022. 3. 25. #JAVA 수업 강의 3 # 제어문 -조건문(선택제어문) > if ~ else / if ~ else if switch ~ case ~ default - 조건문 조건을 만족할 때만 {}안에 있는 문장들을 수행 조건에 따라 경우의 수를 나누기 선택지를 주기 -반복문(반복제어문) > while for 💕 if ~ else / if ~ else if 문 (조건문) # if문 if(조건식1){ 조건식1의 연산결과가 true일때 실행 }else if(조건식2){ 조건식2의 연산결과가 true일때 실행 }else if(조건식3){ 조건식3의 연산결과가 true일때 실행 } ... else{ 위의 조건식들이 모두 false일 때 실행 } > 조건식 중 하나가 참(true)인 경우 블럭{}안의 내용을 모두 실행한 후 아래 내용들은 하지 않고 세.. Class/Java 2022. 3. 24. 이전 1 2 3 다음