html 저장하는데 prettier 적용이 안됬다. 구글링해보니 vscode의 설정 항목중에 default formatter가 잘못되었기 때문이였다. Settings(Ctrl + ,) - 검색창에 "default formatter" 검색 - Prettier - Code formatter 선택 선택 후 다시 시도하니 잘 적용 되었다. 참조 https://yjg-lab.tistory.com/91 [vscode] Prettier 적용방법, 적용 안되는 경우 해결방법 Prettier 적용 방법 Visual Studio Code에서는 사용자 편의를 위해 코드의 줄 간격이나 행을 자동으로 깔끔하게 정리해주는 확장프로그램이 존재한다. 왼쪽 사이드바에서 EXTENSIONS 아이콘을 클릭한 후 pr yjg-lab.tis..

프론트 개발자가 되고 싶다고 생각했다. 매번 머리 속으로 고민만 하고 살짝 문서만 보다가 큰맘 먹고 제일 유명한 강사인 노마드 코더의 코코아톡 클론 코딩을 결제했다. (10만원... ㄷㄷ) 노마드 코더 All Courses – 노마드 코더 Nomad Coders 초급부터 고급까지! 니꼬쌤과 함께 풀스택으로 성장하세요! nomadcoders.co 3개월을 목표로 잡고 열심히 공부해야겠다. (아자아자)

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

부트스트랩(Bootstrap)은 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크이다. 하나의 CSS로 휴대폰, 태블릿, 데스크탑까지 다양한 기기에서 작동한다. 다양한 기능을 제공하여 사용자가 쉽게 웹사이트를 제작, 유지, 보수할 수 있도록 도와준다. 출처 - 위키백과 부트스트랩 부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프론트엔드 프레임워크. 프리프로세서 부트스트랩은 평범한 CSS 로 제공합니다만, 그것의 소스코드는 2개의 인기있는 CSS 프리프로세서인 Less 와 Sass 를 사용합니다. 신속하게 프리컴파일된 CSS 로 시작하거나 소스를 빌드 bootstrapk.com

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

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