html

수업목표 서버-클라이언트 역할 이해 HTML. CSS 기초지식 이해, 부트스트랩 사용 Javascript 기초 문법 사용 01~03. HTML, CSS 기본 개념 네이버 웹페이지의 글을 수정했다. 웹서비스의 동작원리가 뭘까? 힌트1: 내 컴퓨터에서만 수정된다. 원리가 뭘까? 힌트2: 내가 보고 있는 웹페이지는 사실, 인터넷과 관련이 없다. 힌트3: 새로고침하면 원상복귀된다. 왜? 서버로 부터 새로 정보를 받아오기 때문이다. 브라우저의 역할: 서버에 요청한다 -> 받아와서 그려준다. html: 뼈대 css: 꾸미는 것(예: 컬러, 폰트사이즈 등을 지정하는 것) js: 클릭하면 이동하는 것, 움직이는 것 등 영화예매사이트에서 새로고침하지 않아도, 좌석이 실시간으로 보이는 것? 예쁘게 그리지않고, 데이터만 주..

html, css, js를 배우고있다. 입문은 노마드코더로 했는데, 좀더 세세하고 체계적인 강의를 찾아다니다가 유튜브에서 엘리님의 강의를 발견! 엘리님의 프론트엔드 입문 재생목록을 싹다 봤다. 마지막에 유튜브 클론코딩하는 프로젝트가 있길래 도전했다. 일단 완성본! 모바일 버전,제목이 길면 2줄정도만 보이도록 설정했다. 삼각형 버튼으로 토글한다. 모바일 기준으로 우선 만들고, 테블릿형태로 확장했다. 너비가 일정이상일 때, 가장 밑에 위치했던 추천영상리스트를 가로로 정렬되도록 재배치했다. 그리고 영상의 뒷배경을 검정색으로 지정하여 배경과 잘 어우러지도록 설정함. 이 프로젝트에 엄청난(?) 기술이 쓰인 건 아니지만, 보통 프론트엔드 개발자들이 마주치는 상황에서 어떤 식으로 생각하는지 배울 수 있었다. 미리 폰..

밑에 완성샷이랑 보완점+깃허브 링크 있어욥 노마드코더 웹사이트에서 자바스크립트 초보자를 위한 강의를 찾았다. 저번 포스팅에도 썼지만, 그때는 강의를 완강했을 시점에 작성했다. 일단 자바스크립트를 배우려고 들었는데, 완성하고보니까 그냥 글, 사진만 띡 올라가있는 개허접한 사이트가 완성;; 차마 거슬려서 그냥 두고볼수가 없었다. 급하게 html, css 기초강의를 찾았다. 가능하면 노마드코더 사이트에서 듣고싶었지만, 무료강의가 없음 ㅠㅠ 유튜브 찾아보니 천사같은 갓개발자님의 기초강의가 있어서 열심히 봤다. "드림코딩 엘리" 님의 강의인데, 강의스타일이 엄~~~~~~~청나게 조근조근 차분하시고 굉장히 체계적이다. 심지어 프론트엔드 커리큘럼 정리해둔 노션도 있음 https://www.notion.so/277f2..

안녕하세요 부모-자식 태그의 예시를 통해 필요성을 알아보겠습니다. ~목차~ 1. 부모태그를 사용했을 때 2. 부모태그를 쓰지 않으면? *번외* 순서대로 번호가 매겨진 리스트를 사용하고 싶으면? 1. 부모태그를 사용했을 때 HTML CSS Hong Jin 의 부모태그로 를 사용하였습니다. 두개의 Unordered List를 만들어주는 역할을 합니다. (ul은 Unordered List의 약자입니다.) 2. 부모태그를 쓰지 않으면? 부모태그가 없다면 어떨까요? HTML CSS Hong Jin 두개의 리스트로 구분되지 못하고 하나의 리스트로 합쳐져버립니다. 태그로 줄바꿈을 하면 똑같이 보이겠지만 리스트를 위한 태그가 있으니 이를 사용하는게 좋습니다. *번외* 순서대로 번호가 매겨진 리스트를 사용하고 싶으면? ..