풀스택개발자될거임

이 글은 노마드 코더 "코코아톡 클론 코딩" 강의 복습을 위해 정리 한 글입니다. Transitions Transitions는 어떤 상태에서 다른 상태로의 변화를 애니메이션으로 만드는 방법 1. state가 없는 요소에 적어야함 2. 초기값과 변화값이 있어야함 a{ color: white; background-color: tomato; text-decoration: none; padding: 3px 5px; border-radius: 5px; font-size: 55px; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; } a:hover{ color:tomato; background-color: wheat; } 애니메이션이 어..

이 글은 노마드 코더 "코코아톡 클론 코딩" 강의 복습을 위해 정리 한 글입니다. CSS 하기 전에 알아두면 좋은 거 css: Cascading Style Sheet Cascading : 위에서부터 아래로 순서대로 Inline CSS: html 파일 안에서 작성 External CSS: 다른 파일에서 작성 둘 다 적용되기 때문에 html 기준으로 마지막에 작성된 코드가 적용됨 CSS 작성법 1. html 파일에 html 코드와 css코드를 같이 작성 ( style 태그 사용) 2.. css 파일 생성 (아래 코드 사용) ※추천 selector와 속성 selector : html 코드를 가리키는 것 속성 : 텍스트 크기 , 폰트 스타일, 색 등 CSS 속성 ● -color : text 색상 조절 ● fon..

이 글은 노마드 코더 "코코아톡 클론 코딩" 강의 복습을 위해 정리 한 글입니다. - TIp - ○ vsc로 열었던 폴더 안에 파일들을 만들어야 한다. ○폴더와 파일명은 소문자로 만들어야 한다. ○ 파일명 뒤에는. HTML(확장자) ○ 항상 파일의 내용이 변경될 때마다 저장(Ctrl + s) , 파일명 옆에 흰색 동그라미가 있으면 저장 안 된 것 ○HTML 파일은 Browser로 열어야 함 ○ 브라우저는 HTML 파일에 에러가 있다고 안 알려줌 (오류가 있어도 그냥 보여줌) ○ 브라우저 장점: 실수를 해도 페이지를 볼 수 있다. ○ 브라우저 단점 : 무엇을 잘못했는지 안 알려준다 ● (확장) 프로그램 추천 ○ VSC (꼭 필요한 건 아님 , 단지 좋은 익스텐션이 많기 때문에 이용) ○ Waketime (..

이 글은 노마드 코더 "코코아톡 클론 코딩" 강의 복습을 위해 정리 한 글입니다. 1.What Make a Website? ● 브라우저는 우리가 쓴 text를 이해한다. ● 단 문법에 맞는 text를 써야 한다. ● 만약 상황에 맞고 장소에 맞는 text를 쓴다면, 브라우저는 그 text를 이해해서 웹사이트를 만든다. ● 그러므로 우리는 상황에 맞고 장소에 맞는 text를 쓰는 방법을 배워야 한다. 한마디로 웹사이트는 그냥 Text 2. What is HTML/CSS/JS(JavaScript) ● 웹사이트는 2~3개의 언어를 사용한다. (HTML, CSS, JS) ● HTML과 CSS는 30분씩만 배우면 할 수 있음 ● JS는 계속 배워야 함 ● HTML - 뼈 , CSS - 근육 , JS - 뇌 Jav..