-

여기서부터 조금씩 어려워집니다. 가장 기본적인 자바스크립트를 실습해보겠습니다. 이렇게 자바스크립트를 하나 띄워줄 수 있습니다. 여기는 뭘까용 5 + 6 이렇게 또 자바스크립트를 이용할 수 있고 계속 해보겠습니다. 여기는 뭘까용 5 + 6

아래와 같은 코드로 반응형 웹을 만들어볼 수 있습니다. a b 아래와 같은 코드로 부트스트랩을 이용할 수 있습니다. Default Primary Success Info Warning Danger Link Link Button 문맥 특정 사용 (Context-specific usage) A B 이메일 주소 암호 파일 업로드 여기에 블록레벨 도움말 예제 입력을 기억합니다 제출

CSS를 좀 더 알아보겠습니다. 이런 웹 페이지를 만드려고 하는데 아래와 같은 코드로 만들 수 있습니다. naver 제목1 제목2 내용1-1 내용1-2 내용2-1 내용2-2 1 2 3 그리고 css 부분을 따로 뺄 수도 있습니다.

이제 드디어 CSS(Cascading Style Sheets)라는 것을 시작합니다. 안에 라는 것을 넣어줍니다. 안녕 뭘까요 이건 A B C D this is div

HTML을 좀 더 연습해보겠습니다. 버튼가즈

HTML을 조금 더 연습해보겠습니다. 아까 HTML을 골격 잡는 것 이라고 말씀드렸는데, 기본적으로 머리 부분과 몸통 부분을 만들어놓은 것입니다. 자, 여기서 h1,h2,h3 이런 것들도 해볼 수 있고 아래와 같이 h1 h3 h6 그냥 h3 하이퍼링크도 구현할 수 있고 네이버로 이동하는 링크입니당 리스트도 만들 수 있습니다! 1 2 3

HTML이란 것을 들어보신 분도 있고 못 들어보신 분도 있을 겁니다. HTML이란 웹 페이지의 뼈대를 구성한다고 생각하시면 됩니다. 이렇게 나옵니다. 메모장에서 아무 텍스트나 쳐서 html 형태로 저장하면, 우리는 웹 페이지를 만든 것 입니다. 그런데 다양한 태그 이런 애들을 사용해서 홈페이지에 다양한 기능들을 꾸밀 수 있습니다. 메모장으로도 html코드를 쳐서 뭔가를 만들 수도 있지만, 우리는 좀 더 예쁘고 알록달록하게 코드를 치기 위해서 sublimeText라는 코드 편집 도구를 사용합니다. sublimeText를 다운받아 보겠습니다. sublimeText에서 다양한 코드를 쳐볼 수 있는데 아래와 같은 코드를 치면 이렇게 나옵니다. 이런 식으로 웹을 사용해 볼 것입니다. (저희는 모든 수업을 크롬 브..

이번시간에는 영어로 치면 알파벳을 배우는 것 처럼 HTML CSS Javascript를 배워보겠습니다. 온라인과 오프라인에서 다양한 배경/연령대의 분들에게 코딩 강의를 진행했습니다. 주로 어려워하시는 부분들을 잘 설명드리려고 노력했고, 최대한 쉽고 재미있게 풀어 내려고 노력했습니다. 영상에서 코드를 보시고, 따라가기 힘드신 분들은 블로그에 있는 코드 참조하시면 좋을 것 같습니다. 실제 코딩은 3번째 강의(게시글)부터 기입되어 있습니다. 감사합니다.