개발자의 길/글로 적는 웹개발


■ 자바(Java)

- 자바는 객체지향언어이다.

- 우리가 작성한 파일은 .java 파일이다.

- .java 파일은 그 자체로 실행이 불가능하다. 실행하려면 컴파일(Complie) 을 해야 한다. 컴파일 후 만들어지는 파일은 .class 파일이다.

- 자바의 식별자

  1. 클래스 
  2. 메서드
  3. 상수
  4. 변수
  5. 생성자

- 자바의 자료형은 크게 몇 가지이며 어떠한 것이 있습니까?

=> 자바의 자료형은 두가지이며 기본자료형객체자료형으로 나뉩니다.

=> 기본자료형은 8개, 객체자료형은 무한대

- 다음이 무엇인지 쓰세요. (클래스, 메서드, 상수, 변수, 생성자)

  1. ExtremeJop 클래스
  2. battleAngel 변수
  3. battleAngel() 메서드
  4. BattleAngel 클래스
  5. extremeJob 변수
  6. extremeJob() 메서드
  7. BattleAngle() 생성자
  8. BATTLE_ANGEL 상수
  9. ExtremeJob() 생성자
  10. wolfBrigade 변수 
  11. wolfBrigade() 메서드
  12. WolfBrigade 클래스
자료형 키워드 크기 기본값
논리형  boolean 외울 필요없음 false
문자형 char 2byte '\u0000' or 0
정수형 byte 1byte 0
short 2byte 0
int(기본정수) 4byte 0
long 8byte 0L
실수형 float 4byte 0.0f
double(기본실수) 8byte 0.0

 

- 다음이 어떤 자료형인지 쓰세요. (잘못된 자료형도 있습니다.)

  1. "가" / 객체자료형인 String형
  2. 100.0 / double형
  3. 'ㄴ' / char형
  4. false / boolean형
  5. 10.5f / float형
  6. '3' / char형
  7. '신과함께' / 잘못된 자료형 why? char형은 1byte 이자 한글자만 가능하기 때문, "신과함께" 바꾸면 가능하다.
  8. 32L / long형
  9. TRUE / 잘못된 자료형 why? boolean형은 무조건 소문자이기 때문에 틀림.
  10. 23 / int형
  11. "true" / 객체자료형인 String형 

- 만약 잘못 선언된 부분이 있다면 찾고, 이유를 설명하세요.

  1. boolean b = 'false'; / boolean 형은 소문자로 써야하는데 false 가 싱글쿼테이션 안에 있다. boolean = false;
  2. boolean = TRUE; / 기본자료형인 boolean형의 변수가 없고 TRUE 를 소문자로 써야한다. boolean a = true;
  3. byte a = 128; / 기본자료형인 byte형은 범위가 -128~127 이기 때문에 128은 안된다. 대신 short, int, long을  쓴다
  4. char c = "3"; / 문자형형 char 형은 싱글쿼테이션을 써야한다. char c = '3'
  5. short b = 128; / 문제없음
  6. int d = -532222; / 문제없음
  7. long f = 123; / long형이기 때문에 123L 써줘야한다. long f = 123L;
  8. float g = 123; / 기본자료형인 float형인 실수형인데 정수형의 값을 갖고 있다. float g = 123.0f;
  9. float h = 123.0; / float h = 123.0f; 로 해줘야한다.
  10. double i = 123.0; / 문제없음
  11. boolean b = true; / 문제없음
  12. char c = '3'; / 문제없음
  13. char c =3; / 문제없음 *내부적으로 정수기 때문에 틀린게 아니다.

- 더 큰 자료형으로의 변환(작->큰) / 데이터의 손실이 없는 변환은 자동형변환이다.

- 작은 자료형으로 변환(큰->작) / 데이터의 손실이 있는 변환은 강제형변환이다.

*가로안에 바꿀 자료형을 쓴다.

 

- GREEN BOOK을 식별자로 각각 써보세요.

  • 클래스:GreenBook
  • 메소드:greenBook()
  • 상수:GREEN_BOOK
  • 변수:greenBook
  • 생성자:GreenBook()

- 자바의 자료형은 두가지이고 기본자료형객체자료형이다.

- 객체자료형의 개수는 무한대이다.

- 기본자료형의 개수는 8개이다.

- 정수 자료형 4가지를 크기순으로 써보세요

=>byte < short < int < long

- 실수 자료형 2가지를 크기순으로 써보세요

=> float < double

- 자바의 기본정수와 기본실수는?

=>기본정수: int / 기본실수: double

- 자바의 논리형은?

=>boolean

-자바에서 한 글자 자료형은?

=>char


 


■ CSS

- 인라인레벨(글자들)을 수평 가운데로 정렬시키기 위해서는 부모요소에 text-align 속성 값을 center 로 지정

- 블록레벨을 부모기준 수평가운데로 정렬하려면 margin 을 auto 로 지정

- 브라우저 기준 완전히 덮고 싶으면(반투명막 등) position 속성을 fixed 로, width 와 height 값을 100% 로 left, top 을 0 으로 지정한다.

- 브라우저 기준 수평, 수직 가운데 정렬은 position 속성을 fixed 로, left 와 top 값을 50% 로 margin-left 를 width 의 절반만큼 - 값으로 지정하고 margin-top 을 height 의 절반만큼 -값으로 지정한다.

- position 속성값을 지정하면(예:relative, absolute, fixed) 3층으로(opacity 를 1보다 작은 값으로 지정해도 됨) => 무슨 말인지 찾아보자!

- 같은 층수면 markup 상에 아래에 코딩된 요소가 위로 올라가게 됨

- 만약 3층에 있는 요소들끼리의 경우에는 markup 된 순서를 변경하지 않아도 위, 아래를 지정할 수 있음: z-index 속성으로 지정

- 블록레벨(width, height 를 가지고 있는 요소) 를 수평으로 레이아웃하려면 float 속성값을 지정하거나(left or right), display 속성값을 inline-block 으로 지정

- 만약 float 으로 지정시, 공간을 차지하지 않기 때문에 문제가 생긴다.

- 해결책

  1. 부모 요소에 overflow 속성 지정
  2. 부모요소에 적절한 height 값을 지정
  3. 부모의 가상요소로 clear 속성의 값을 지정

■ Javascript

- javascript 는 클라이언트 컴퓨터의 브라우저에서 작동된다

- javascript 에서 변수의 선언은 var 키워드를 사용한다.=> var 안쓰는걸로 알고 있는데 정확히 찾아보자!

- javascript 에서 함수의 선언은 function 키워드를 사용한다.

- javascript 를 편리하게 사용하기 위해서 jquery 를 이용한다.

- jquery 는 요소 선택이 쉽고 요소들의 내용(css,글자) 의 변경이 쉽다.

- jquery 는 이펙트, 애니메이션이 쉽다.

- jquery 는 ajax 가 편리하고 쉽다.

- jQuery() 함수는 $() 로 축약하여 사용한다.

- $(선택자) 로 jquery 요소객체를 얻어올 수 있다.

- click 메서드를 이용하면 편리하게 'click' 이벤트를 처리할 수 있다.

- mouseenter 메서드를 이용하면 마우스가 요소에 들어갔을 때(css 에서 hover) 의 이벤트를 처리할 수 있다.

- this 는 javascript객체이다.

- 객체란 속성들의 묶음이다.

- 객체의 선언은 {} 중가로 이다.

- 자바스크립트객체를 jquery 객체로 변경하려면 $(javascript 객체)이다.

- 요소의 css 를 변경하거나 얻어오기 위해서 css 메서드를 이용한다.

- 요소의 글자를 변경하거나 얻어오기 위해서 text 메서드를 이용한다.

- 요소의 속성을 변경하거나 얻어오기 위해서 attr 메서드를 이용한다.

- 해당요소가 부모로부터 몇번째 요소인지 얻어오는 메서드는 index 이다.

- 요소의 클래스를 추가하는 메서드는 addClass 이다.

- 요소의 클래스를 제거하는 메서드는 removeClass 이다.

- 요소가 특정클래스를 가지고 있는지 확인하는 메서드는 hasClass 이다.

- 클래스가 붙어있으면 떼고, 없으면 붙이는 메서드는 toggleClass 이다.

- 안보이던 요소를(display:none) 스-윽 opacity 를 증가시켜 보여주는 메서드는 fadeIn 이다.

- 보이는 요소를 opacity 감소시켜 숨기는 메서드는 fadeOut 이다.

- display:none 을 쉽게 하는 메서드는 hide 이다.

- display:block 을 쉽게하는 메서드는 show 이다.

- 나타나 있으면 숨기고, 숨겨있으면 보이게 하는 메서드는 toggle 이다.

- 위에서 아래로 내려오듯 보여주는 메서드는 slideDown 이다.

- jquery 객체안의 요소들중에 특정 index 를 선택하는 메서드는 eq 이다.

- 이전 요소의 선택 prev

- 다음요소의 선택 next

- 부모요소의 선택 parent

- 조상요소들중에 선택 parents

- 자식요소들의 선택 children

- 자손요소들중에 선택 find

- 폼에서 submit , a요소에서 링크이동을 막는 메서드는 preventDefalult 이다.


최근 글