내일배움카드8 [패스트캠퍼스] 웹퍼블리싱 강의 - 4주차 학습내용 [내일배움카드] x [패스트캠퍼스] - 4주차 학습내용 [Sass를 활용한 효율적인 CSS관리] css로 연맹하던 나,이제 scss를 피할 수가 없다.이번 강의부터는 scss를 배우게 되었다.sass와 scss는 약간의 차이가 존재한다.이번 강의에서는 scss 위주로 배우게 된다. [SCSS 연결방법] 1. scss폴더를 만든다. 2. scss폴더 안에 style.scss 파일을 만들어준다. 3. vscode(작업 에디터)에서 터미널을 연다. 4. 'sass --watch scss/style.scss css/style.css' 를 입력 : scss폴더에서 scss.scss 파일을 찾아서 css폴더 내 style.css로 만들어줘 라고 설정하면 간단하게 끝-! scss 사용 시 css와 마찬가지로 @cha.. 2023. 7. 15. [패스트캠퍼스] 웹퍼블리싱 강의 - 3주차 학습내용 [내일배움카드] x [패스트캠퍼스] - 3주차 학습내용 [Part 5. 기본 HTML5, CSS3 문법 활용 예제] 지겹던(?) 이론 수업이 끝나고!!!드디어 퍼블 작업물을 만들게 되는 Part 5 !!!Part 5에서는 3가지 작업물이 만들어진다. Chapter 1. 멤버 별 프로플카드 제작 Chapter 1. 멤버 별 프로플카드 제작(멤버1) 인스타 느낌나는 갬성스러운 프로필 카드!!! (강의명은 프로플카드 라고 되어있는데 프로필인 걸까?) 쉽고 간단하게! 클린한 코드로 뚝딱 만들어졌다. 강사님이 섬세하게 그림자 효과 같은 것도 넣어주셔서 밋밋하지 않은 프로필 카드가 완성되었다. 프로필 카드 하단 버튼을 차례로 누르면 총 4명의 프로필을 볼 수 있다. Chapter 1. 멤버 별 프로플카드 제작(멤버.. 2023. 6. 24. [패스트캠퍼스] 웹퍼블리싱 강의 - 2주차 학습내용 [내일배움카드] x [패스트캠퍼스] - 2주차 학습내용 [Part 3. HTML5, CSS3 기본 문법] Part 3에서는 본격적으로 코딩에 입문한다. (｡･∀･)ﾉﾞ 파일설치 및 관리부터 HTML, CSS의 모든 것 -! (HTML 태그, CSS 속성, 연결 및 반응형까지!)이미 알고 있있지만, 혹시 내가 잘못알고 있는게 있을 수도 있고, 초급부터 다시 시작한다는 마음으로 Part 3 66강의를 들었다. Chapter 1. HTML5를 활용한 웹 문서의 뼈대 세우기 * HTML 학습 내용 head, body 태그의 구성 서식 태그(제목 / 문단 / 목록) 서식 태그(강조 / 링크) 주석 이미지 / 동영상 / 오디오 태그 테이블 태그(기본 / 병합 / 제목 & 본문 분리) 폼태그(input / selec.. 2023. 6. 24. [패스트캠퍼스] 웹퍼블리싱 강의 - 1주차 학습내용 [내일배움카드] x [패스트캠퍼스] - 1주차 학습내용 [Part 2. 인터렉티브 UI 기획 & 디자인] Part 2에서는 본격적으로 XD 사용에 대한 강의가 이루어졌다. 지금 노트북에 Adobe XD가 설치되어 있지 않아, 업무하면서 많이 사용했던 Figma를 사용하였다. 프로그램이 달라 걱정하긴 했지만, 기본적인 툴은 비슷하였고, 강사님이 하나하나 자세히 설명해 주셔서 XD 이외에도 포토샵이나 일러 등 디자인 툴을 처음 사용하는 사람들이 수강하면 좋을 것 같다. (같은 Adobe 프로그램이라 XD랑 포토샵이랑 정말 비슷함) 기본적인 툴만 유사한줄 알았더니.. 마스크 부터 그룹화 까지 단축키가 똑같다. ¬_¬ -!! 피그마로 하니까 깔-끔쓰~~~ 본격적으로 모바일 화면을 그려내는 연습!! 플러그인까지 .. 2023. 5. 24. 이전 1 2 다음
