HTML 공부 다시 시작 새로 들어간 스터디에서는 react를 한다. 근데 나는 html css javascript를 공부한지 오래되서 잊어버렸다. 내가 제일 못하는 듯해서 강제로 공부중이다. (꼴등을 싫어한다.) 강의추천 기초지식을 얻기 위한 강의로 나는 생활코딩을 추천한다. 추천이유 일단 강사님 목소리가 좋다. 무료강의다. 퀄리티가 좋다. 생활코딩 - HTML & Internet WEB1 - HTML & Internet - 생활코딩 --- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여 opentutorials.org 생활코딩 - CSS WEB2 - CSS - 생활코딩..

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

생활코딩 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는 글꼴을 의미한다. 자세히 들어가면 조금 복잡하다. 자주쓰이는 폰트를 알려주는 사이트 국내 폰트 사이트 한국어는 용량이 굉장히 큰편이다. 구글에서 지원하는 웹폰트 사이트 폰트의 코..