css
-
Web 백엔드 (5) / HTML과 CSS 연결해주기Programming/Web Programming 2023. 5. 12. 07:01
HTML, CSS파일을 서버에서 불러와보자. 클래스 101 [유료강좌] 개발자 사관학교 - [웹 개발자 단과반 2교시] MySQL, Node.js 백엔드 속성 실무! https://class101.net/ko/products/5fac071c1105fb001383cd2a [웹 개발자 단과반 2교시] MySQL, Node.js 백엔드 속성 실무! | 개발자 사관학교 웹 개발자 단과반이 필요한 이유는 뭘까요? 📍 대체 뭐부터 개발해야 할지 모르겠어요. 원래 처음 개발을 배우면, 뭐부터 시작할지 모르기 때문에 막막합니다. 개발 방향성이 없으니 그걸 잡아 class101.net CHAPTER 2: 본격! 백엔드 다루기, Node.js의 모든 것 [6. HTML, CSS 그림 파일 보여주기 (with 템플릿엔진 ..
-
Web 프론트엔드 (12) / 영화 리뷰 사이트 만들기 3Programming/Web Programming 2023. 5. 8. 06:21
이번 포스팅은 강의에서 제공해준 API를 사용하여 기능을 구현하는 부분에 대한 내용이다. 사실 이 블로그 포스팅 작성 목적에 대해 짧게 설명드리자면, 전생에 금붕어가 아니였을까.. 싶을 정도로 시간이 지나면 금방 까먹어 버려서... 혹시 비슷한 내용의 작업을 다시 하게 되었을때 읽고 복습하기 위해서가 주된 목적이였다. 그렇기 때문에 혹시라도 이 포스팅을 읽는 분들이 있으시다면... 이번 포스팅은 그대로 보고 따라할 수는 없는 내용이라고 말씀드리고 싶다. 아래 링크 속 강좌에서 직접 개인적으로 만드신 API를 수업자료로 공유해주신 상황이라서 해당 API주소를 블로그에 공유하기가 어려울 것 같다...T-T 하지만 API자체가 필요하다기보다 API 를 어떻게 연결하는지, 버튼과 어떤식으로 연결하면 되는지 등에..
-
Web 프론트엔드 (11) / 영화 리뷰 사이트 만들기 2Programming/Web Programming 2023. 5. 8. 03:34
영화 리뷰 사이트를 마저 만들어보자. 아래 강좌를 보고 따라 만들고 있다. 물론 시간이 지나면서 현재에는 작동하지 않는 부분이 있어 그 부분들은 변경했다. 완전히 똑같지는 않다는점! (코드가 실행이 되지 않는다면 제 잘못.. T-T) 클래스 101 [유료강좌] 개발자 사관학교 - [웹 개발자 단과바 1교시] HTML, CSS, JS 프론트엔드 속성 실무! https://class101.net/ko/products/5f53ae772e3e0d001cd99667 [웹 개발자 단과반 1교시] HTML, CSS, JS 프론트엔드 속성 실무! | 개발자 사관학교 📍웹 개발자 단과반이 필요한 이유는 뭘까요? 📍 이런 분들이 개발자 사관학교를 수강하면 크게 도움됩니다! 1) 대체 뭐부터 개발해야할 지 모르겠어요. 원래..
-
Web 프론트엔드 (10) / 영화 리뷰 사이트 만들기 1Programming/Web Programming 2023. 5. 8. 00:43
프론트엔드에 관한 기초적인 공부가 끝이 났다. 이제 직접 영화 리뷰 사이트를 만들어보며 공부한 내용을 복습하는 것만 남았다. 이번 포스팅은 지난 포스트들과 중복되는 역할은 최대한 덜어내고 새로운 내용들과 중요한 내용 위주로 작성될 예정이다. 아래 주소에서 유료 강좌를 듣고있으며 작성된 내용은 강좌를 기반으로 한다. 클래스 101 [유료강좌] 개발자 사관학교 - [웹 개발자 단과반 1교시] HTML, CSS, JS 프론트엔드 속성 실무! https://class101.net/ko/products/5f53ae772e3e0d001cd99667 [웹 개발자 단과반 1교시] HTML, CSS, JS 프론트엔드 속성 실무! | 개발자 사관학교 📍웹 개발자 단과반이 필요한 이유는 뭘까요? 📍 이런 분들이 개발자 사관..
-
Web 프론트엔드 (5) / 부트스트랩 활용하기Programming/Web Programming 2023. 5. 5. 01:45
강의를 따라 부트스트랩을 활용해서 실제 웹사이트를 만들어보는 실습을 진행해보았다. 클래스 101 [유료강좌] 개발자 사관학교 - [웹 개발자 단과반 1교시] HTML, CSS, JS 프론트엔드 속성 실무! https://class101.net/ko/products/5f53ae772e3e0d001cd99667 [웹 개발자 단과반 1교시] HTML, CSS, JS 프론트엔드 속성 실무! | 개발자 사관학교 📍웹 개발자 단과반이 필요한 이유는 뭘까요? 📍 이런 분들이 개발자 사관학교를 수강하면 크게 도움됩니다! 1) 대체 뭐부터 개발해야할 지 모르겠어요. 원래 처음 개발을 배우면, 뭐부터 시작 class101.net 이번 실습은 투두리스트를 만들어보는 과정으로 진행됐다. 내 나름대로 조금 변형해서 투두리스트를..
-
Web 프론트엔드 (4) / CSS 속성들과 Bootstrap 사용Programming/Web Programming 2023. 5. 4. 10:24
html에 이어 css까지 한번 더 복습에 들어갔다. css는 블로그에도 자세히 적어둔 내용이 있어, 기억이 안난다면 아래 포스트를 참고하며 공부해보면 좋을 것 같다. https://leere.tistory.com/12 CSS Tutorial (1) / CSS 시작하기 (1) 지난번에 html을 튜토리얼을 마쳐서 이어서 CSS 튜토리얼을 공부하려고 한다. 클래스 101, 프로그래밍 입문자를 위한 CSS 기초를 보고 공부한 내용 위주로 작성될 예정이다. HTML도 같은 강사님께 들 leere.tistory.com 앞으로 적을 내용에 대한 강의 출처는 아래에 주소와 같다. 클래스 101 [유료강좌] 개발자 사관학교 - [웹 개발자 단과바 1교시] HTML, CSS, JS 프론트엔드 속성 실무! https:/..
-
CSS Tutorial (7) inheritance and z-index / CSS 시작하기 (7) 마지막 편 상속과 z-indexProgramming/Web Programming 2023. 1. 24. 07:40
챕터 5의 두번째 분량이다. 여기까지의 내용이 마지막 강의 내용이다. 강의는 클래스101, 유노코딩 강사님의 프로그래밍 입문자를 위한 CSS 기초이다. https://class101.net/ko CLASS101+ | 세상의 모든 클래스를 하나의 구독으로 2700개 이상의 클래스로 일러스트, 공예, 코딩, 부업, 주식까지 세상의 모든 분야를 배워보세요. CLASS101에서 14일 무료 체험해 보세요. class101.net 챕터5. 한 걸음 더 나아가기 - 상호작용, 세부 위치 등 세세한 부분까지 생각하기 (Part2) 4강. inherit (상속), initial, unset (1) 상속 (Inheritance) 상속(Inhertiance)이란 하위 요소가 상위 요소의 스타일 속성값을 물려받는 것을 의미..
-
CSS Tutorial (6) / CSS 시작하기 (6) 선택자, 의사클래스와 의사요소Programming/Web Programming 2023. 1. 23. 14:24
마지막 5챕터의 내용들이다. 분량이 많아 2편으로 나누지 않을까 싶다. 강의는 클래스101, 유노코딩 강사님의 프로그래밍 입문자를 위한 CSS 기초이다. https://class101.net/ko CLASS101+ | 세상의 모든 클래스를 하나의 구독으로 2700개 이상의 클래스로 일러스트, 공예, 코딩, 부업, 주식까지 세상의 모든 분야를 배워보세요. CLASS101에서 14일 무료 체험해 보세요. class101.net 5챕터. 한 걸음 더 나아가기 - 상호작용, 세부 위치 등 세세한 부분까지 생각하기 1강. 선택자 2편, 특성 선택자와 결합자 (1) 선택자 선택자란 어떤 요소에 스타일을 적용할 것인지에 대한 정보. (2) 선택자의 종류 기본 선택자 => (1)편에서 다룬 내용 그룹 선택자 => (2..