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

Atom에 한줄로 글을 입력하면 뒤에 글이 안보인다. 그래서 자동 줄 바꿈 기능을 찾아보니 있었다. File -> Settings 를 누른다. (단축키 Ctrl + 콤마) 그럼 화면에 Settings 창이 나온다. Editor을 클릭한다. 스크롤을 내리다보면 Soft Wrap이 나오는데 체크한다. 그러면 자동 줄바꿈이 된다.

spring boot로 서버를 만든 후에 첫 화면에 이미지를 삽입하려고 했다. 근데 경로 오류인지 계속 사진이 안 나왔다. 구글링의 힘으로 해결했다. sample.jpg 파일을 화면에 띄울 것이다. 경로 설정은 static부터 시작한다. 그래서 img/sample.jpg로 하면된다.

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

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

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