안녕하세요~ 오늘은 이클립스 사용법에 대해 알아보도록 할게요. 먼저 이곳에서 Creat a new Java Web Project를 눌러주세요. 그리고 프로젝트 이름을 써주도록 할게요! 저는 Practice 라고 해두었습니다 그 다음 Create를 눌러줍니다. 그럼 왼쪽에서 이 src를 누른 다음 ctrl + n을 눌러줍니다! 그리고 패키지를 선택해줍니다. 패키지 이름은 소문자로 해줍니다! 그리고 Finish를 누릅니다! 그리고 패키지를 누른 다음 다시 ctrl + n을 눌러서 클래스를 선택해줍니다. 클래스 이름은 꼭 대문자로 해야됩니다! 저는 HelloWorld라고 지었습니다. 그리고 밑에서 4번째에 있는 이 public static void를 선택해 줘야합니다! 선택을 하고 나면 이런 화면이 나오는데 ..
오늘은 자바스크립트의 식별자나 변수선언, 데이터 선언에 대해 배우게 되었습니다. 문법이 자바랑 비슷해서 이해하기 쉬운 부분이 있었던 것 같았습니다! 그럼 오늘도 복습을 하면서 정리해보도록 하겠습니다. 1. 자바스크립트 식별자 자바스크립트 프로그램의 변수, 상수(리터널), 함수의 이름 식별자 만드는 규칙 첫번째 문자 : 알파벳(A-Z, a-z), 언더스코어(_), $문자만 사용 가능 두 번째 이상 문자 : 알파벳, 언더스코어(_), 0-9, $사용 가능 대소문자는 구분되어 다루어짐 //myHome과 myhome은 다른 식별자 자바스크립트 예약어 사용 불가 //false, for, if, null 등 자바스크립트 예약어 사용 불가 식별자 사용 사례 6variable; //(X) 숫자로 시작할 수 없음 stu..
2주동안 수업을 쉬고 다시 수업을 듣게 되었습니다! 이번에는 처음으로 자바스크립트에 배우게 되었습니다. 처음으로 배우는 언어라서 수업을 잘 이해할 수 있을까 걱정이 들었지만 수업한 내용을 복습하면서 열심히 공부해 보겠습니다! 1. 자바스크립트: 웹 프로그래밍의 시작 자바스크립트는 1995년에 넷스케이프에서 개발되었으며, 웹 프로그래밍 개념을 창시했습니다 특징 HTML 문서에 저장되며, 작은 코드 조각으로 구성됩니다. 스크립트 언어로, 인터프리터를 통해 실행되며 컴파일이 필요하지 않습니다. C 언어와 비슷한 구조로, 배우기 쉽습니다. 2. 자바스크립트의 역할 1. 사용자의 입력 및 계산 마우스와 키보드 입력은 자바스크립트로 처리됩니다. 계산 기능도 자바스크립트로 수행합니다. 2. 웹페이지 내용 및 모양의 ..
오늘은 저번에 배운걸 바탕으로 절대배치와 float배치에 대해 연습해보았다. css에 대해 더 배우기 위해서 검색을 해봤는데 그림을 이용하여 설명하는 게 있었다. 그림을 이용해서 코드를 보니깐 이해하는게 편했고 나도 한 번 그림으로 만들어봐야겠다! 라는 생각이 들었다! 처음 만들어서 미숙한 부분이 있지만 확실히 한눈에 더 알아보기가 편해 진것 같다 1. 절대배치 절대 배치는 절대 위치에 배치할 수 있다. 절대 위치는 left, right, top, bottom 프로퍼티 값으로 지정하며 이 값들은 부모 태그 안에서의 상대 좌표이다 2. float 배치 float 프로퍼티를 이용해 유동 배치를 할 수 있다. 보통 마우스로 브라우저 크기를 변경하면 텍스트나 이미지가 다음 줄로 내려가는 등 위치가 변한다. 이 ..
오늘은 박스와 경계선 그리기 등등에 관해 배웠다!! 1. 박스 1-1) 예제1 width: 500px; height: 200px width는 너비(가로길이) height는 높이를 나타낸다. border: solid 5px #b2dfdb; border는 경계선이고 dotted는 점선이다 1-2) 예제 2 width: 1200px; border: solid 2px #b2dfdb; 위의 border태그를 사용하여 박스 선을 얇게 하였다. 1-2) 예제3 padding: 10px; => margin과 다르게 똑같은 크기로 여백을 줌 margin: 20px 40px 60px 80px; => 위 오른쪽 아래 왼쪽 2. 테두리 태그 정리 속성 속성 값의 예 설명 border solid 1px #ff0000 박스의 상..
CSS배운지 한 3일차?되는날이다. 아직도 어려운게 많지만 블로그에 글을 쓰다보니 공부도 되고 보람찬 것 같다! 1. 클래스 선택자 코드 난초 난초의 특징 난초는 외떡잎식물 중에서 가장 친화한 식물이며 아름답고 향기로운 꽃이 피는 관엽식물로 애호가가 많다. 난초의 종류 동양란과 서양란으로 구별되며, 동양란에는 보춘화, 한란, 석곡, 풍란등이 있다. 서양란에는 카틀레아, 심비듐, 덴드로듐, 팔레노프시스등이 있다. 결과 1-1) class 선택자 사용법 html에 class 태그를 걸었을 경우 css에 다음과 같이 작성하면 된다! 내용 .클래스 이름 { 내용 } 1-3) 예제1(class 선택자) 결과 코드 제1회 봄빛 수목원 여름꽃 축제 수련•수국•무궁화•원추리 아름다운 여름꽃과 시원한 바다를 경험할 수 ..
저번까지 html을 배우고 CSS를 배웠다 오늘은 페이지 꾸미기에 관련된 것에 대해 배우게 되었는데, 헷갈리는 부분이 너무 많았다ㅠㅠ 그래도 내가 코드를 입력할 때마다 웹페이지가 이쁘게 꾸며지는 걸 보니 재미있었고, 더욱 열심히 공부해야 겠다는 생각이 들었다! 그리고 저번글에 나온 명령어들을 표로 만들어 보았다. 다른 분들도 필요하시면 참고해주세요☺️ 1. CSS속성 태그 속성 속성값 설명 font-family 한글 글꼴 : 굴림,돋움, 맑은 고딕 등 영문 글꼴 : Times New Roman, Arial, Georgia 등 한글 또는영문의 글꼴 지정 font-size 12px,20px, 30px 등 글자의 크기 지정 color 색상 이름 : red, blue, green, purple, black, w..
오늘은 html배운지 6일차되는날... 오늘 굉장히 어려운 것을 배웠다 바로 css이다 역시 모든지 처음은 다 어려운것 같다 하지만 처음의 시작이 반이라는 말이 있는 듯이 도전을 두려워하면 안될것 같다!! 1. 인라인 스타일 결과 코드 제목입니다 color: 색깔 ☞글자색깔 font-size : 숫자px; ☞글자크기 저 사진과 같이 글씨에 색을 넣을 수 있다 2. 내부 스타일 시트 결과 코드 제목입니다 외부스타일 제목입니다. 외부스타일은 CSS 새로운 파일을 만들고 h5{ color: pink; font-size: 28px; } 이때 !! 파일을 저장할때 파일명.css로 저장해야한다. 그다음 css파일과 html과 연결하기 위해 아래와 같은 코드를 작성하면 된다! 3. 예제 마지막으로는 이것저것 적혀있는..
