[신한투자증권] 프로 디지털 아카데미 6기 - HTML/CSS(4)[신한투자증권] 프로 디지털 아카데미 6기 - HTML/CSS(3) + 서류 작성 팁[신한투자증권] 프로 디지털 아카데미 6기 - HTML/CSS(2)[신한투자증권] 프로 디지털 아카데미 6기 - HTML/CSS(1)[신한투자증권] 프로sillonjeu.tistory.com 지난 강의에 이어, 이번에는 두 번째 실무형 웹페이지를 만들어보는 시간을 가졌다.주제는 두 가지 중 선택이었다.신한투자증권 웹사이트의 디자인을 그대로 클론 코딩기획부터 디자인, 개발까지 전 과정을 직접 해보는 프로젝트나는 두 번째, 보다 도전적인 주제를 팀원들고 함께 택해 보기로 했다. 나만의 주식 별자리 챌린지 만들기1. 레퍼런스 찾기 필자의 얕은 생각으로는, 내가 ..

[신한투자증권] 프로 디지털 아카데미 6기 - HTML/CSS(3) + 서류 작성 팁[신한투자증권] 프로 디지털 아카데미 6기 - HTML/CSS(2)[신한투자증권] 프로 디지털 아카데미 6기 - HTML/CSS(1)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 서비스 기획(3)[신한투자증권]sillonjeu.tistory.com 지난 강의에 이어, 이번에는 지금까지 배운 HTML/CSS 스킬을 모두 활용해 실무형 웹페이지를 직접 만들어보는 시간이었다.강사님께서는 "개발자가 자신만의 웹 포트폴리오를 가지고 있으면, 그 자체가 경쟁력 있는 무기가 될 수 있다"고 강조하셨고, 이에 나만의 포트폴리오를 만들어보기로 했다. 먼저 다양한 웹 포트폴리오를 참고해 디자인과 구조를 클론 코딩하며, 나에게..

[신한투자증권] 프로 디지털 아카데미 6기 - HTML/CSS(2)[신한투자증권] 프로 디지털 아카데미 6기 - HTML/CSS(1)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 서비스 기획(3)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 서비스sillonjeu.tistory.com 지난 수업에서는 CSS로 직관적인 옷 입히기 방법을 배웠다면, 이제 화면의 크기에 따라 유동적으로 옷이 바뀌도록 하는 법을 익혀볼 것이다. 크기에 따라 다르게 디자인된 이미지를 자세히 보며, 상황에 따른 반응형 CSS 스타일링을 익히면 좋겠다.또한, 강사님께서 개발자의 입장에서 어떻게 이력서를 작성하면 좋을지 가이드라인도 알려주셨으니, 함께 알아두면 유용할 것 같다. 반응형 웹 디자인 정복하기1..

[신한투자증권] 프로 디지털 아카데미 6기 - HTML/CSS(1)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 서비스 기획(3)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 서비스 기획(2)[신한투자증권] 프로 디지털 아카데미 6기 - 클sillonjeu.tistory.com 지난 수업에서는 HTML로 웹 사이트의 뼈대를 만드는 방법을 배웠다면, 이제 CSS로 옷을 입혀줄 차례이다. Figma로 만들어진 디자인을 꼼꼼히 보며, 디자인과 똑같은 웹 사이트를 만드는 연습을 해보면 좋겠다. CSS: 스타일을 입힌다는 것의 의미1. CSS란 무엇인가?CSS는 Cascading Style Sheets의 약자로, 웹 페이지에 ‘스타일’을 입히는 언어다.HTML이 구조를 만들었다면, C..

[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 서비스 기획(3)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 서비스 기획(2)[신한투자증권] 프로 디지털 아카데미 6기 - 클라우드 기반 서비스 기획(1)클라우드 기반 서비스 기획, 왜 개발자도 알아sillonjeu.tistory.com 지난 수업까지 서비스 기획을 하는 방법을 익혔으니, 이제 프론트엔드 딴에서 만들어볼 차례이다. 그 단계의 첫 번째로, HTML/CSS를 차근차근 배워보며 웹 페이지를 만들어보자. HTML과 CSS, 웹을 이해하는 첫 걸음 1. 웹이란 무엇인가?웹(Web)은 전 세계가 연결된 거대한 정보 공간이다.문서, 이미지, 영상, 앱까지 거의 모든 콘텐츠는 웹을 통해 접근할 수 있다. 웹은 하이퍼링크(🔗..