본문 바로가기

프로젝트14

[HTML] 웹 프로젝트 10일차! (클론 코딩 index.html) 카카오톡 클론 만들기 1일차! 로그인 화면 - index.html) +) 왜 이름을 index.html로 했는가? 왜냐하면! 대부분의 웹 서버가 디폴트로 index.html을 찾아보도록 설정되어 있기 때문이다. 영어로 index는 첫 번째를 뜻한다. html 코딩에 들어가기 앞써 어떤식으로 코딩을 해야하는지 구상부터 했다. 이런식으로 box부터 구상하고 차례차례 큰 것부터 잡은 후에 세부적인 box를 코딩해주었다. 큰 box들에는 div를 사용했고, 세부적인 요소들은 text에는 span을 이미지에는 i를 사용했다. 여기서 i는 font awesome에서 추가한 아이콘을 뜻한다. font awesome을 사용하면 아이콘 코드를 바로 복사-붙여넣기 후 사용할 수 있기 떄문에 무척 편하다. 그 대신 이 코드.. 2021. 7. 18.
프로젝트 1일차! (HTML, CSS, JS 란...?) 드뎌!! 고대하고 기대하던 웹 프로젝트의 1일차 날이 밝아버렸다 ㅎㅎㅎ 니코쌤의 명강의를 열심히 개념을 배우는 것부터 시작하려고 한다. 우선! 웹 프론트엔드 부분을 책임지는 대표적인 두 가지 HTML, CSS 란? 에 대해 다뤄보자!! HTML) 웹의 뼈대이다. 브라우저에게 content를 알려주는 역할을 한다. 콘텐츠란 text, image, link ect.... 를 말한다. CSS) 뼈대의 근육이다. HTML과 항상 같이 쓰인다. 절대 독단적으로 사용하지 못한다!! 디자인을 visual things를 담당하며, 어떻게 보이게 할건지를 담당한다. JavaScript) 웹의 뇌이다. 브라우저를 어떻게 움직일 것인지 관장하는 동적 언어이다. interactivity를 담당한다. 이번 코코아톡 클론코딩에서.. 2021. 7. 5.