본문 바로가기

전체 글28

영어공부 1일차 Who's here? 이게 누구야? 친한 사람을 생각지도 못한 장소에서 만났을때 놀라움의 표현 Who's here? - 이게 누구야? What're you here? - 여긴 웬일이야? 2023. 8. 7.
java 제어문 조건문 // if문, else문, else if문 // 조건에 따라 특정 코드 실행 ​ 선택문 // switch문 // 일치하는 경우의 값이 있을 경우에만 실행 ​ 반복문 // while문, for문 // 코드를 지정한 횟수만큼 반복해서 실행 ​ ​ if문 ​ if(조건){ 조건이 true일 때 실행할 명령을 입력 } 조건이 false일때 명령을 실행하지 않고 지나감 ​ else문 ​ if(조건){ 조건이 true일때 실행할 명령을 입력 } else { 조건이 false일때 실행할 명령을 입력 } ​ else if 문 ​ if(조건){ 조건이 true일때 실행할 명령을 입력 } else if(조건2){ 조건2가 true일 때 실행할 명령을 입력 } else if(조건3){ 조건3이 true일 때 실행할 .. 2021. 6. 2.
javascript 기초 자바스크립트란? 페이지를 동적으로 꾸며주는 역할을 하는 프로그래밍 언어입니다. 웹상의 움직이는 부분을 처리해주는 부분을 담당합니다. 물론, javascript에서 html과 css기능을 설정할수 있습니다. 하지만 이를 활용할 수 있는 기능이 순수하게 html과 css에서 작업하는 효율이나 기능적으로 떨어지기 때문에, 동적인 처리가 필요한 부분만 작업합니다. // 객체(object) 기반의 스크립트 언어 // 동적, 타입을 명시X 인터프린터 언어 // 객체 지향형 프로그래밍, 함수형 프로그래밍 모두 표현 가능 ** 자바스크립트 작성 규칙 1. 대소문자 구별 2. 띄어쓰기 불가능 3. 숫자로 시작 불가능 4. 여러 단어 연결시 카멜 표기법 또는 언더라인 표기법 사용 5. 세미콜론(;)으로 문장을 구분(사용하.. 2021. 6. 1.
css position position을 이용하여 태그의 위치를 원하는 곳에 지정할 수 있습니다. 값에 따라서 해당 태그의 위치가 다양하게 위치할 수 있습니다. satatic // 기준 없음, 배치가 불가능함(기본값) relative // 위치를 자신기준으로 정함 absolute // 부모 요소를 기준으로 배치 fixed // 브라우저(뷰포트) 기준으로 배치 sticky // 스크롤 기준으로 배치 여기 화면에서 position을 이용해서 block을 위치를 이동해 줄 수 있습니다. block 2번을 오른쪽 제일 아래쪽으로 움직이고 싶다면 아래와 같이 움직일 수 있습니다. block 2를 옮기기 전, 어디를 기준으로 옮길지 기준을 정해 주어야 합니다. absolute를 이용해서 기준으로 배치하여야 하기 때문에, 부모 요소를 기준.. 2021. 5. 29.
태그의 성질(block, inline) 태그들이 자기가 가진 공간의 범위 요소를 가지는 성질은 block요소와 inline요소 그리고 이 두 가지 특징을 함께 가지는 inline-block 요소 등 총 세 가지의 성질이 있습니다. 이 성질을 알고 있어야 css 사용을 하는데 좀 더 정확하게 사용을 할 수 있습니다. 기본적으로 본인이 가지고 있는 성질을 display를 이용하여 그 성질 또한 바꿀 수 있습니다. block의 특징 // html, body, div, ul, li, p 태그 등이 블록 요소 태그에 속함 // 사용가능한 최대 가로넓이를 사용 // width(넓이), height(높이) 등 크기를 지정할 수 있음 // 기본적으로 width : 100% height : 0의 값을 가지고 있음 // margin, padding 위, 아래,.. 2021. 5. 28.
css text 설정 text와 관련된 css 설정입니다. color // text에 색상을 설정할때 대표적으로 여러가지 방법으로 설정이 가능 합니다. 색상이름으로 설정 - 브라우저에서 제공하는 색상이름으로 색상을 설정 ex) black, white, red, orange hex 색상코드 - 16진수로 설정된 색상으로 설정 포토샵 등에서 색상을 선택하면 생삭값이 #000000 등으로 나와있는데 #6가지 자리수로 색상을 설정 rgb - red, green, blue 등의 빛의 삼원색 비율로 설정 ex) rgb(0, 0, 0) 숫자는 0~255 까지 설정 rgba - 위의 rgb값에 마지막 투명도 값을 줄수 있음 text-align // text를 정렬 할 수 있음 (left, right, center, justify(양쪽 정렬.. 2021. 5. 27.
이클립스 자동완성 기능 이클립스를 사용하면 자주 사용하는 메소드가 있을 겁니다. 그런 메소드를 풀로 치지 않고 단순 단어로 자동완성해주는 기능이 있습니다. System.out.prinln()의 메소드를 예를 들면 sysout이라고만 치고 엔터를 치면 자동으로 메소드가 입력이 되는 것을 확인할 수 있습니다. 이것을 좀더 편하고 짧게 바꿀 수가 있습니다. 이클립스 메뉴에서 Window -> Preferences로 들어갑니다. Java -> Editor -> Templates로 들어가면 현재 템플릿에 설정되어있는 문구들을 확인할 수 있습니다. 쭉 내려보면 sysout으로 이름이 설정되어있는 것이 보입니다. 이를 클릭하여 edit를 눌러 줍니다. 이것을 더욱간단하게 sop으로 적어서 ok를 누르고 rename existing을 눌러줍.. 2021. 5. 26.
css font 속성 font 속성은 글자와 관련된 속성을 지정할 수 있습니다. font-style // 글자 기울기를 지정 normal이 기본값 italic - 이텔릭체 oblique - 기울임 font-weight // 글자 두께를 지정, 숫자 100단위로 설정할 수 있으며, 900이 최대치 normal(400)이 기본값 bold 두껍게 수치로는 700 bolder 상위 태그보다 두껍게 설정 lighter 상위 태그보다 얇게 설정 font-size // 글자 크기를 지정 px, em, cm 등 단위로 설정할 수 있음 line-height // 줄 높이를 지정 normal이 기본값이며, 브라우저의 기본값을 따름 px, em, cm 등 단위로 설정 할 수 있음 font-family // 글꼴을 지정 serif, sans-se.. 2021. 5. 25.