사실 이 내용은 인강에서 다룬 부분은 아니다. 내가 HTML, CSS를 공부하면서 익숙해져있던 VSCode로 Java를 쓸 수 없을까 알아보다가, 지난번 포스팅에서 VSCode에서 Java를 사용할 수 있게끔 환경 구축하는 방법을 다뤄놓았다. 이후 강의를 정말 가볍게만 들어보자는 마음으로 듣기 시작했는데, 갈수록 "이 부분은 나중에 배우게 되면 알게 될 거예요"라며 너무 익숙하게 쓰시는 강사님.. 그리고 그게 도대체 무슨 말인지 모르겠는 나... 정말 못알아먹어도 한번 다 들어보면 이해가 되긴 하는걸까....ㅠㅠㅠ 강의는 전부 Eclipse IDE를 기반으로 이루어지고 있다. HTML, CSS를 처음 공부하기 시작할 때는 책으로 공부하기 시작을 했어서 그런지 몰라도 코드 첫 부분에 늘 나오는 이건 뭐고,..

transition과 animation을 다루었던 이번 단원 마무리 문제 2가지. 문제 1. 책에서 제공된 코드를 따라 써보는데 반복되는 부분이 있길래 예전에(?) Udemy 강의에서 배운 Emmet을 활용해봤다. 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 ↓ 문제에서 제시된 위의 코드에 ① 트랜지션 진행 시간을 0.5초로 지정. ② 트랜지션 대상은 all로 지정. (default값이니 안 써도 OK.) ③ 트랜지션 함수는 ease-in으로 지정. 을 적용하는 것이 미션이다. ↓ 영상이 너무 짧아서 사실 위의 제시된 문제와 큰 차이를 못 느끼겠다🤣 문제 2. ↓ 위의 코드에 ① Y축을 기준으로 360° 회전. ② 입체감이 느껴지도록 perspective 속성 200px로 지정. ③ 변형 함수 rotate..

CSS 애니메이션 사용하면 자바스크립트를 사용하지 않고도 요소에 애니메이션을 추가할 수 있다..!!! animation 속성은 특정 지점에서 스타일을 바꾸면서 애니메이션을 만든다. 그렇게 스타일이 바뀌는 바로 그 지점이 keyframe키프레임이다. ▼ animation 관련 속성 요약 종류 설명 @keyframes 애니메이션이 바뀌는 지점 지정. animation-name 복수의 애니메이션을 구별하기 위한 이름 설정. animation-duration 애니메이션의 실행 시간 지정. animation-delay 애니메이션의 시작 시간 지연을 지정. animation-direction 애니메이션이 끝난 다음, 다시 실행할 때 처음과 같은 방향으로 시작할지, 역방향으로 시작할지 지정. animation-ite..

cf, VSCode로 JAVA 개발 환경 설정하는 방법 Microsoft사에서 만든 Visual Studio Code는 여러 언어를 사용할 수 있는 아주 효율적인 IDEIntegrated Development Environment이지만 그렇다고 내가 쓰지 않을 언어까지 전부 사용할 수 있도록 설정해놓는 것은, 프로그램이 너무 무거워지기 때문에 권장하지 않는다.. 지만!!! 기존에 깔아둔 VSCode를 쓰고 싶은 마음에 따로 알아봤다. (힝ㅠ 초반에 커스터마이제이션 한다고 무지 고생했단 말야..ㅠㅠ 언어 바뀐다고 바로 프로그램을 바꾸기 괜히 억울하다고..!) ① VSCode 실행 → 왼쪽 메뉴 Extensions 클릭 (또는 Ctrl + Shift + X ) ② 검색창에 java 입력 → Extension..

2. Eclipse IDE 설치 ① Eclipse 홈페이지 접속 → 쿠키 허용 ② 스크롤 살짝 내려서 Download 클릭. (2022년 12월 26일 기준.) ③ 다운로드 클릭. ④ ㅓㅜㅑ...깜딱이야... 기부라니요...ㅎㅎㅎ 안 해도 됩니다^^ ⑤ 설치한 파일을 실행해서 Eclipse IDE for Enterprise Java and Web Developer 선택 ⑥ 저장할 파일 위치 별도로 지정할 것 없이 기본값 지정된대로 Install ⑦ Accept Now 클릭. ⑧ 설치 중... ⑨ LAUNCH 클릭 ⑩ 실행 화면 ⑪ 앞으로 작업할 작업물을 어디에 저장할 것인지 지정하고 Launch 클릭. ⑫ Welcome 창은 종료한다. ⑬ 기본 설정을 해주기 위해 Windows > Preferences에..