|
컴퓨터 전공생 4학년으로써 1학년 때 HTML과 CSS까지만 1학기동안을 배우고 그 이후 게임 개발만 하다가 취업의 문을 두드리기 위해 웹 포트폴리오가 있으면 좋겠다는 생각에 이 책을 통해 공부하게 되었습니다. 그렇게 공부하고 보니 주에 한번만 진도를 맞춰 공부하는데도 공부하기 좋게 설명과 실생활에서 바로 사용할 수 있는 실습 예제, 그리고 초보자가 실수하기 쉬운 부분에 대한 꼼꼼한 안내가 잘 돼어있었습니다. 기초부터 시작해 점차 난이도를 높여가므로, 웹 개발에 막 입문한 독자에게 적합할거같습니다. 이 책으로 충분히 웹 포트폴리오를 만들었고 이력서에 요긴하게 사용중입니다. 웹 포트폴리오 이미지도 개인정보 안보이는 정보로만 첨부해서 인증합니다!!   
|
|
이번 동아리 활동을 통해 처음으로 웹사이트를 만들어보는 데 도전했습니다. 처음에는 HTML 태그 하나하나가 어렵고 생소했지만 책이 순서대로 잘 설명돼 있어서 따라 하다 보니 버튼 만들기, 이미지 넣기, 간단한 인터랙션 구현까지 직접 해볼 수 있었습니다. 단순한 정적인 페이지에서 끝나는 게 아니라 자바스크립트까지 다뤄서, 다양한 기능을 스스로 구현해보는 데 도움이 됐습니다. 
특히 스타일을 입히는 작업이 가장 재미있었고, 처음에는 글자를 가운데로 옮기는 것도 어렵게 느껴졌는데 이전에는 코딩이 저와는 거리가 먼 분야라고 느꼈는데 이번 기회를 통해 생각보다 훨씬 재미있고, 직접 만들며 배우는 과정이 꽤 매력 있다는 걸 알게 됐습니다. |
전체 활동은 총 6주차까지 진행됐고,5주차까지는 책 내용을 바탕으로 여러 예제를 만들고6주차에는 배운 걸 활용해서 저만의 포트폴리오를 제작했습니다.|
미라클 HTML5+CSS3+자바스크립트! 책에 다양한 예제와 연습문제가 있어 생초보인 저에게 더 도움이 되었습니다!  대략적인 순서는 html-css-java 순으로 기초부터 탄탄히 잡을 수 있습니다! html을 배우면서 더 디자인적으로 만들고 싶어 답답했던 마음이 , css 파트로 넘어가면서 얼마나 상쾌했는지!ㅋㅋ  처음 배우는 거라 긴장하며 책을 폈는데 개념,더 알면 좋은 내용 등 친절하게 구성되어 있어 읽는 데 어려움이 없었습니다!  세세한 목차로 내가 베우는 부분이 어딘지 알 수 있고, 언제든 쉽게 돌아갈 수 있는게 정말 편했습니다!  태그를 배울 때 마다 그 태그와 관련된 요소들을 표로 보여줘서 좋았어요 늘 관심만 있고 선듯 배울기엔 어려운 분야였는데 이번에 이 책 덕분에 진입장벽이 확 낮아진 기분입니다! 생생생초보였는데 초보 정도로 진화한 느낌이에용 이런분들께 추천드립니다! -웹디자인을 배우고 싶으신 분 -한권으로 html의 전반적인 내용을 배우고 싶으신 분 -코딩을 배워보고 싶은데 너무 어려울까봐 시도 못 하신 분 (it's me...) 이책을 지원해주신 한빛 아카데미에 감사드리며 블로그 마무리 하겠습니다~! |
이번에 html을 배우면서 가장 많은 도움을 받은|
이번에 한 동아리에 참여했습니다! 이번에 제가 한 동아리는 코딩을 이용해 웹사이트를 제작하는것이 목표였습니다. 그리고 배울떄 사용한 교재가 ' 미라클 HTML5+CSS3+자바스크립트 ' 였습니다. 저는 초보여서 이 분야에 대해 잘 모름에도 불구하고 기초부터 하나씩하나씩 배울 수 있어서 생각보다 더 수월하게 익힐 수 있었습니다 그렇다고 해서 책 내용이 기초만 있는것도 아니고 심화된 기능들까지 배울 수 있어서 더 다양한 종류의 사이트들을 만들어 볼 수 있었고 책 내용들 자체도 가독성이 좋고 정리가 잘되어 있어서 더 잘 익힐 수 있었던거 같습니다. 총 6주차까지 활동을 진행하는데 5주차까지는 책의 내용을 배우고 6주차에는 배운것들을 이용해 자신의 포트폴리오를 제작했습니다. 저는 현재 '프로세싱'이라는 코딩 프로그램도 배우고 있는데요. 비슷한 부분도 있고 다른 부분도 있다보니 비교하며 더 흥미를 붙여서 더 재밌게 배울 수 있던것 같습니다. 배운것들 중에 일부 보여드리자면  이건 5주차에 제작한 슬롯머신입니다. 비록 아직 많이 부족해 보일 수 있지만 초반에 비하면 정말 많이 성장을 거친것이랍니다... 처음엔 글을 가운데로 옮기는것도 너무 어려워서 끙끙 됬는데 배우다 보니 전보다 훨씬 다양하게 만들 수 있어서 더 재밌다고 느껴지더라구요!  이건 5주차에 제작한 그림판으로 스마일 얼굴 만들기 입니다. 꽤나 단순한 형태지만 이 프로그램에서 그림을 그릴 수 있을거라고 생각하지 못해서 이거 작업할때 진자 재밌게 작업했던 기억이있네요...ㅎㅎ  마지막으로 완성한 포트폴리오 사이트의 일부분 입니다!. 확실히 배워서 이것저것 넣으니 정말 '나만의'사이트다 라는 느낌이 들어서 더 재밌게 작업한 것 같습니다 나중에 더 공부할 기회가 생기면 이번에 만든 포트폴리오를 생각하며 더 다양한 기능을 넣어보고 싶습니다! 감사합니다!
|
|
웹 개발 공부 시작: 미라클 HTML5+CSS3+자바스크립트
웹 개발 공부가 처음이라서 기초가 되는 HTML과 CSS, JS가 전부 들어있는 구성을 원했습니다. 그리고 초보자를 위한 아주 쉽고 실습이 많은 구성을 원해서 직접 골라서 요청 드렸답니다!
전공자와 비전공자로 나뉘어있는 강의 계획표
목차는 이렇습니다. 사실 html과 css까지는 해본 적이 있어서 걱정 없었지만 자바스크립트가 어려울 것 같아 겁먹고 있었습니다
html, css부터 차례대로 배우고 그 뒤로 자바스크립트를 배웁니다
 
chapter마다 트리 형식으로 진행 구조나 연관관계를 알려줘서 눈에 더 잘 들어오고 헷갈리지 않아서 좋았어요
졸업 프로젝트에서 프론트엔드 담당을 맡아서 react를 써야하는데ㅠㅠ
생전 처음이라 너무어렵더라고요,, 그런데 어쨌든 react도 자바스크립트 라이브러리니까 자바스크립트를 잘 배우면 여기저기 잘 쓰겠더라고요!
node.js나 next.js라고 주변 개발자 친구들이 많이 배우는데요 이것들도 다 자바스크립트 라이브러리이고 백엔드까지 할 수 있다고 하네요?(node.js가)
개발자 친구들 팁은 하나의 언어를 잘 배워두면 언어들은 다 비슷하니까 다음도 금방 배운다고 하더라고요!
저는 이제까지 c, python 위주로 공부를 했고 java를 공부할 때 정말 끔찍했거든요ㅠㅠ
그래서 걱정이 많았는데 미라클 책에는 예제코드도 많아서 좀 어떻게 구현되는 건지 헷갈릴 때 예제코드를 많이 참고했습니다!
변수 이름 규칙도 전에 제가 배울 때랑은 스타일이 좀 달라진 거 같더라고요!
그래서 최신 스타일대로 배우는 것도 너무 좋았습니다
동아리 활동을 할 때 같이 "학습"도 중요하지만 어쨌든 프로그래밍 언어니까 "실습"을 같이 하면 더 좋겠다고 생각했어요
그래서 책 중간에 있는 "미니 프로젝트"를 정말 잘 썼습니다
특히 동아리 친구들이 이런 언어를 처음 배우는 친구들도 있었어서 이렇게 창의적인 아이디어를 많이 가져왔어요!
그냥 실습만 하는 게 아니라 더 재밌거나 더 좋게 꾸미는(css 배웠으니까요ㅎㅎ) 그런 방식들을 보면서 저도 많이 배웠습니다
제가 가장 어렵게 느끼고 많이 쓰는 자바스크립트까지 웹 개발의 기초를 닦을 수 있지만 쉽고 재밌게 들어있는 책이라서 정말 강추합니다!
react, three.js, node.js 공부하면서도 이 책을 기본서로 쓰면서 모르는 것들 찾아보면서 하려고요!
*한빛아카데미로부터 해당 도서를 제공받았습니다.* |
