생활코딩에서 JavaScript를 공부하였다. 2020.03.22 공부를 열심히 했다. 블루 스크린 떠서 기록한게 다 날아갔다. 1시간동안 배웠는데 짜증이 났다. Qjuery에 대해 배웠다. 오늘의 메모장 2020.03.22 열심히 공부했는데 블루스크린 떠서 메모장 다 날아갔다. 하아 HTMLElement HTMLElement 조회한 객체가 하나이다. HTMLCollection 조회한 객체가 여러개다. 유사배열이다. 오늘은 여기까지만 공부해야겠다. 오늘 생활코딩에 다른 JavaScript강의가 있다는 것을 알게되었다. 이 강의를 다 듣고도 들을 것이 생겼다.

생활코딩에서 강의를 보며 JavaSript를 공부하였다. 2020.03.21 어제는 자바 공부를 쉬었다. 학교가 개강하면서 인터넷 강의를 들었다. 학교에선 프론트엔드가 아닌 벡엔드 강의를 듣기 때문에 그날은 강의 듣느라 바빴다. 사실 시간이 많았지만 코딩을 오래 공부해서 또 하고 싶지는 않았다. 오늘은 자바스크립트의 창제어와 DOM 그리고 jQuery라는 라이브러리에 대해서 공부하였다. 오늘의 메모장 2020.03.21 창 제어 window.open 메소드를 이용하면 된다. _self 자기 자신이다. _blank 새로운창을 연다. ot 중복으로 새로운창을 여는 것을 방지한다. _blank width height resizable yes 를 이용하면 다른 창으로 열개할 수있다. 새 창에 접근 판업 차단 보..

생활코딩 강의를 보며 JavaSript를 공부하였다. 2020.03.19 오늘은 집에서 하루종일 있었다. 아침에는 학교 인강을 듣고 저녁에 자바스크립트 강의를 들으니 집중력이 떨어지는 것 같았다. 오늘은 BOM(Browser Object Model)에 대해서 배웠다. 브라우저를 제어하기 위한 기능들이라고 한다. BOM마지막 창제어까지 들을 라고 했는데 피곤해서 그만 들었다. 내일 더 해야겠다. 오늘의 메모장 2020.03.19 Browser object Model BOM 브라우저를 제어하기위한 기능들을 배울 것 이다. 전역객체 window객체 접근 방법은 console창에 window라고 치면 된다. 모든 객체들은 window객체에 소속되어있다. 전역객체라고 부르는 이유는 무슨 함수든 widnow의 객체..

생활코딩에서 강의를 보며 JavaScript를 공부하였다. 2020.03.18 어제는 공부를 쉬어서 오늘이 3일차이다. 공부하기가 싫은 날이 있다. 오늘은 html에서 javaScript를 로드하는 방법에 대해서 공부하였다. css와 비슷한 원리여서 쉽게 이해가 됬다. 하지만 어려웠던 점도 있었다. 자바스크림트를 하려면 객체를 다뤄야한다는 것인데 쉽지 않았다. 오늘의 메모장 2020.03.18 html에서 javascript 로드하기 onclick 속성안에 자바스크립트 코드를 작성하면 가능하다. 장점과 단점은 html코드안에 정보와 제어가 같이 있다는 것이다. 유지보수가 힘들다. script태그 안에 자바스크립트 코드가 들어간다. 브라우저는 script태그 안에 코드를 자바스크립트로 인식한다. scrip..

생활코딩 강의를 보며 JavaScript 공부를 시작했다. 2020.03.16 html과 css 공부를 마치고 거의 일주일 넘게 코딩 공부를 쉬다가 다시 시작했다. 오늘 학교가 개강했지만 코로나 때문에 온라인 강의로 대체됬다. 아직도 집에 갇혀서 산다. 집돌이 3주차다. 개강도 했고 이제 공부 다시 시작하자는 마음으로 JavaScript 공부를 시작하였다. 오늘은 기본 적인 내용과 실습환경 설정 에디터 설치를 하였다. 에디터 설치가 생각보다 오래걸려서 내일부터 강의를 들을 듯하다. 오늘의 메모장 JavaScript 2020.03.16 처음엔 전체를 보기위해 실습보단 인강을 봐라! 웹브라우저와 JavaScript 초창기에는 웹서버와 웹브라우저가 있었다. javascript는 html을 프로그램적으로 제어한..

생활코딩 css강의를 다 들었다. 2020.03.05 어제 하루 휴식을 취하고 오늘은 css강의를 다 들었다. 사실 뒷부분은 어려운 면도 있고 아직 규모가 큰 웹사이트를 만들 일이 없기 때문에 필요한 부분만 들었다. 엘리먼트의 크기조정이나 회전을 하는 기능이다. transform의 효과를 알려주는 사이트 transform의 단위를 알려주는 사이트 벡터 이미지를 저장하는 표준화된 기구이다. 오픈 되어있느 기술이다. 다양한 아이콘을 지원해주는 사이트 벡터는 이미지를 확대해도 이미지깨짐현상이 일어나지 않는다. 복잡한 그래픽도 svg를 이용해서 표현할 수 있다. svg를 깊게 공부할 수 있는 사이트 움직임을 자연스럽게 만들어준다. transition-duration transition-property trans..