1. display vs opacity vs visiblity
출처: https://stackoverflow.com/questions/14731049/visibilityhidden-vs-displaynone-vs-opacity0
화면상에 칠해지지 않는다는 점에선 동일하나,
opacity나 visibility는 레이아웃 안에서 공간을 차지함
2. @media
현재 윈도우의 크기에 따라서 클래스의 설정을 변경할 수 있다.
min-width는 특정폭 이상일 때, max-width는 특정 폭 이하일 때 스타일이 적용된다.
@media(max-width : 1024px){
클래스a설정{
color:red;
}
}
@media(min-width : 1025px){
클래스a설정{
color:green;
}
}3. box sizing
content-box
border-box (패딩과 보더를 포함해서 사이즈 계산)
4. toggle
jquery의 toggleClass 함수는 만약 해당 클래스가 이미 추가되어있다면 삭제해주고, 클래스가 추가되어있지 않다면 추가해준다.
5. cubic-bezier
transition의 시간을 비선형적으로 설정해준다.
아래 사이트에서 값 설정을 도와준다.
cubric-bezier
6. 스프라이트이미지
기본적으로 변화가 자주 일어나지 않는 이미지들은
매번 로딩하는 비용을 절감하기 위해 하나의 커다란 이미지로 들고 온 후, 마치 스티커처럼 필요한 부분을 잘라서 쓴다.
background-image, bacgkround-position, height, width속성을 조합하면, 특정 위치에서 부터 높이 크기만큼 이미지를 잘라 쓸 수 있다.
아래링크에서 background의 속성 명세들을 확인 가능하다.
7. 순수 pojo 프로젝트의 문제점
- 영속성이 없다.
- 프로그램을 그 컴퓨터에서밖에 사용할 수 없다.
8. JSP
앞단에서 요청을 받는 웹 서버와 뒷단의 프로그램을 연결해준다.
9. 환경설정
- 톰켓에서 버전 호환을 확인 후 호환가능한 버전으로 다운받는다.
- SpringToolSuite의 설정파일에서 xms와 xmx의 값을 수정해준다. 저 값을 조정하면 메모리 영역이 변경된다.
수정전
수정후
sts의 디폴트 브라우저를 크롬으로 변경한다.
다이나믹 웹을 사용할 수 있도록 Eclipse EE를 포함한 웹 관련 소프트웨어들을 sts에 다운로드한다.
~javascript debug관련까지 인스톨
젠코딩용 플로그인을 다운로드한다. http://emmet.io/eclipse/updates
Preferences의 emmet에 jsp와 jspf를 추가한다.
프로젝트 생성시 server runtime environment가 다운받은 tomcat과 일치하는지 확인할 것.
10. 오류상황시 대처
프로젝트 생성 후 web_xml에 오류가 발생하는 경우 아래 블로그 참조
오류대처
11. String.format
콘솔이야 printf로 포매팅을 하지만 웹으로 넘어가면서
printf를 사용하지 못하게되는데 포매팅기능을 이용하고 싶을 때가 있다.
그럴땐 String.format기능을 이용하면 동일하게 작업 가능하다.
