생활코딩 강의를 보며 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..

생활코딩강의를 보며 그래픽을 공부하였다. 2020.03.03 오늘은 css의 layout나머지부분과 그래픽에 대해서 공부하였다. 공부할 수록 어려워진다. 이해 안가도 다 끝내자는 마음으로 넘어가며 듣고 있다. 반응형 디자인의 심장과 같은 역할을 한다 창의 크기에 따라 미디어에 따라 화면을 다르게 설정할 수 있다. 모바일 적용코드 media query의 활용 많이 어렵다. media query의 문법을 알려주는 사이트 css에서는 글의 본문 안에 이미지를 삼입할 때 자연스럽게 사용하는 방법이다. 사용빈도가 높다. 아주 중요한 속성이다. 엄청 어려웠다. 코드를 전체적으로 볼 수 있어서 좋았다. 신문과같이 화면의 크기가 큰 곳에서 사용한다. 다양한 기능이 있다. 레이아웃관련 사이트 이제 그래픽 관련 속성들 백..

생활코딩에서 layout관련 css를 공부하였다. 2020.03.02 오늘은 생활코딩을 보며 layout관련 css를 공부했다. 레이아웃이란 구획을 나누고 적절히 배치하는 것을 의미한다. inline방식과 blocklevel방식이 있다. inline은 한줄에 여러개 표시될 수 있고 blocklevel은 한줄에 하나씩 밖에 못 온다. 태그마다 합리적으로 결정되어있다. padding은 테두리 안 간격을 조정한다. margin은 다른 엘리멘트(태그)테두리간의 간격을 조정한다. inline방식에서는 width와 height를 무시한다. css에서 굉장히 중요한 주제이다. 태그의 부피감을 결정한다. 어떤 엘리먼트의 크기를 지정하는 일을 한다. width는 값이 일정하다. 하지만 border값에 따라 크기가 커진다..

생활코딩 강의를 보며 css속성을 공부하였다. 2020.03.01 코로나 때문에 못나간지 일주일째 몸이 허약해지는 것 같다. 그래서 잠깐 커피 마시러 나갔다. 무서웠지만 그래도 바깥 공기 쐬서 좋았다. 오늘은 css의 속성을 공부했다. css 속성을 공부할때는 가장 많이 쓰는 순으로 공부해야한다고한다. font-size가 가장 많이 쓰이는 속성이다. 글자크기를 바꾼다. 오늘날에는 rem을 쓰면 된다. 색을 바꾸는 속성이다. 3가지 방식이 있는데 3중에 아무거나 쓰면된다. 컬러를 알 수 있는 사이트 정렬방식이다. 쉽다. font는 글꼴을 의미한다. 자세히 들어가면 조금 복잡하다. 자주쓰이는 폰트를 알려주는 사이트 국내 폰트 사이트 한국어는 용량이 굉장히 큰편이다. 구글에서 지원하는 웹폰트 사이트 폰트의 코..

css를 생활코딩을 보며 공부하였다. 2020.02.29 오늘은 생활코딩에서 css강의를 처음 들었다. css의 간단한 소개와, 실습환경, html과 만나는 방법 등을 배웠다. 오늘 이웃분 중 한분이 실습한 코드도 첨부하여 글을 쓰면 사람들이 보기에 더 좋을 것 같다고 하셨다. 실천해보려다가 생활코딩 강의 밑에도 예제코드가 잘 되있다는 것을 발견했다. 그래서 그냥 내가 공부한 캡쳐화면만 올려도 충분할 것 같다. 강의 중 한 장면인데 확실히 따로 하는 것이 효율적인 것 같다. 처음에는 여러가지방법으로 html 에 css를 첨가했다. 다양한 선택자들이 있다. 실습을 여러가지 해봤다. 가상 선택자에 대해서도 배웠다. 오늘의 메모장 2020.02.29 css의 소개 웹페이지를 꾸며주는 언어이다. html이 없으..