힙한취미코딩 [힙한취미코딩] 추석맞이 웹코딩 복습 '스파르타코딩클럽'을 처음 접하게 된 것은 작년 여름이었다. 대학교 1학년 때 프로그래밍 수업을 재미있게 들었고, 군대에 있는 동안 책과 영상을 통해 코딩에 흥미를 얻게된 나는 전역 후 전과를 고민하며 서울에서 알바를 하고 있었다. 그러던 와중 유튜브 광고를 통해 '스파르타코딩클럽'을 알게되었고 '웹개발 8기'에 신청하여 수강하게 되었다. 8주 과정의 웹개발 수업이었는데 그 기간동안 정말 새... JavaScriptjsCSS웹코딩스파르타코딩클럽힙한취미코딩htmlCSS [힙한취미코딩] 개발일지 #2 봉투를 누르면 편지가 나오는 카드! [코드스니펫] 크리스마스 카드 봉투 HTML 만들기 편지 HTML 만들기 봉투를 누르면 편지가 나오도록, javascript 처리를 할 예정입니다! 즉, 따라 써보기만 할 거예요~! 새로운 HTML 파일 만들기 이름은 xmas.html 로 해볼까요? 마찬가지로 html:5 입력 후 tab 을 누르면 템플릿이 자동 완성 된답니다! 5) 봉투를 놓기 봉투를 가... 힙한취미코딩스파르타코딩클럽나홀로코딩나홀로코딩 [힙한취미코딩] 나홀로 코딩 개발일지 1 HTML, CSS의 기초 지식을 이해한다. 모든 토글을 열고 닫는 단축키 [코드스니펫] 크리스마스 카드 우리가 보는 웹페이지는 모두 서버에서 미리 준비해두었던 것을 "받아서" → "그려주는" 것입니다. 즉, 브라우저가 하는 일은 1) 요청을 보내고, 2) 받은 HTML 파일을 그려주는 일 뿐이죠. 서버가 만들어 놓은 "API"라는 창구에 미리 정해진 약속대로 요청을 보내는 것이랍니다. → 이... 힙한취미코딩스파르타코딩클럽나홀로코딩나홀로코딩 [힙한취미코딩] 나홀로 개발일지2 3) 우선! 5) 봉투를 놓기 6) 봉투 밑에 글씨를 놓기 7) 마지막으로, 둘을 div로 묶어주기 10) 르탄이 만들기 [코드스니펫] - 첫번째 르탄이 르탄이 이미지를 띄우기 르탄이 띄우기 그림자 효과 넣어주기 → 이런 경우는, 일단 가운데에 넣어놓고, 간격은 나중에 조절하는 게 좋아요! 하얀색 글씨 + 가운데에 놓기 12) 메시지 넣기 메시지를 직접 작성해주세요! 우선 메시지를 쓸까요? ... 힙한취미코딩나홀로개발일지스파르타코딩나홀로개발일지 [SpartaCodingClub] 힙한취미코딩 개발일지 (1) 📚 HTML = 뼈대, CSS = 꾸미기!! 💡 HTML 코드 내에 CSS 파일을 불러와서 적용한다!! 💡 head 안에 들어가는 대표적인 요소로 meta, title, link, style, script 등이 있다!! Visual Studio Code에서 HTML 파일을 만들어 거기에 html:5을 쓰고 enter를 누르면 아래와 같이 나온다. <head> ~ </head> 안에 <styl... 힙한취미코딩spartacodingclub나홀로 코딩 패키지CSShtmlCSS
[힙한취미코딩] 추석맞이 웹코딩 복습 '스파르타코딩클럽'을 처음 접하게 된 것은 작년 여름이었다. 대학교 1학년 때 프로그래밍 수업을 재미있게 들었고, 군대에 있는 동안 책과 영상을 통해 코딩에 흥미를 얻게된 나는 전역 후 전과를 고민하며 서울에서 알바를 하고 있었다. 그러던 와중 유튜브 광고를 통해 '스파르타코딩클럽'을 알게되었고 '웹개발 8기'에 신청하여 수강하게 되었다. 8주 과정의 웹개발 수업이었는데 그 기간동안 정말 새... JavaScriptjsCSS웹코딩스파르타코딩클럽힙한취미코딩htmlCSS [힙한취미코딩] 개발일지 #2 봉투를 누르면 편지가 나오는 카드! [코드스니펫] 크리스마스 카드 봉투 HTML 만들기 편지 HTML 만들기 봉투를 누르면 편지가 나오도록, javascript 처리를 할 예정입니다! 즉, 따라 써보기만 할 거예요~! 새로운 HTML 파일 만들기 이름은 xmas.html 로 해볼까요? 마찬가지로 html:5 입력 후 tab 을 누르면 템플릿이 자동 완성 된답니다! 5) 봉투를 놓기 봉투를 가... 힙한취미코딩스파르타코딩클럽나홀로코딩나홀로코딩 [힙한취미코딩] 나홀로 코딩 개발일지 1 HTML, CSS의 기초 지식을 이해한다. 모든 토글을 열고 닫는 단축키 [코드스니펫] 크리스마스 카드 우리가 보는 웹페이지는 모두 서버에서 미리 준비해두었던 것을 "받아서" → "그려주는" 것입니다. 즉, 브라우저가 하는 일은 1) 요청을 보내고, 2) 받은 HTML 파일을 그려주는 일 뿐이죠. 서버가 만들어 놓은 "API"라는 창구에 미리 정해진 약속대로 요청을 보내는 것이랍니다. → 이... 힙한취미코딩스파르타코딩클럽나홀로코딩나홀로코딩 [힙한취미코딩] 나홀로 개발일지2 3) 우선! 5) 봉투를 놓기 6) 봉투 밑에 글씨를 놓기 7) 마지막으로, 둘을 div로 묶어주기 10) 르탄이 만들기 [코드스니펫] - 첫번째 르탄이 르탄이 이미지를 띄우기 르탄이 띄우기 그림자 효과 넣어주기 → 이런 경우는, 일단 가운데에 넣어놓고, 간격은 나중에 조절하는 게 좋아요! 하얀색 글씨 + 가운데에 놓기 12) 메시지 넣기 메시지를 직접 작성해주세요! 우선 메시지를 쓸까요? ... 힙한취미코딩나홀로개발일지스파르타코딩나홀로개발일지 [SpartaCodingClub] 힙한취미코딩 개발일지 (1) 📚 HTML = 뼈대, CSS = 꾸미기!! 💡 HTML 코드 내에 CSS 파일을 불러와서 적용한다!! 💡 head 안에 들어가는 대표적인 요소로 meta, title, link, style, script 등이 있다!! Visual Studio Code에서 HTML 파일을 만들어 거기에 html:5을 쓰고 enter를 누르면 아래와 같이 나온다. <head> ~ </head> 안에 <styl... 힙한취미코딩spartacodingclub나홀로 코딩 패키지CSShtmlCSS