목록클론코딩 (24)

매일 땡기는 마라 코딩

[인프런] 맛집지도 만들기 (3)

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지 비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지 - 인프런 | 강 내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다., - 강의 소개 | 인프런... www.inflearn.com CSS Flex box 레이아웃을 설정할 때 사용하는 속성. 컨테이너는 무언가를 담는 그릇이며, 아이템은 그 그릇 안에 담긴 것. html 플렉스 아이템 1 플렉스 아이템 2 css .container { /*컨테이너 클래스를 가진 태그 플렉스박스로 사용, 태그 안의 아이템도 플렉스 아이템..
클론코딩 2023. 1. 27. 02:27
[인프런] 맛집지도 만들기 - 퀴즈 2

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지 비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지 - 인프런 | 강 내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다., - 강의 소개 | 인프런... www.inflearn.com ※ 해당 링크 강의 내용을 바탕으로 작성된 포스팅입니다. CSS Position 퀴즈 포지션과제.html, 포지션 과제.css 파일 생성. border:0; margin:0; box-sixing: border-box; 기본 세팅. 포지션.html 맛집지도 Contact 퀴즈 코드 포지션과제..
클론코딩 2023. 1. 27. 02:27
[인프런] 맛집지도 만들기 (2)

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지 비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지 - 인프런 | 강 내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다., - 강의 소개 | 인프런... www.inflearn.com ※ 해당 링크 강의 내용을 바탕으로 작성된 포스팅입니다. CSS 알아보기, HTML과 연결, 기본 세팅 코드 CSS(Cascading Style Sheets)는 HTML의 어떤 부분을 어떻게 꾸밀지 정하는 기술이다. Selector는 선택자. 어느 부분을 꾸밀까에 대한 내용이다. 예시에서는..
클론코딩 2023. 1. 26. 13:37
[인프런] 맛집지도 만들기 - 퀴즈 1

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지 비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지 - 인프런 | 강 내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다., - 강의 소개 | 인프런... www.inflearn.com ※ 해당 링크 강의 내용을 바탕으로 작성된 포스팅입니다. HTML 퀴즈 HTML숙제.html파일을 만들어 작성. 사진 사이즈 조절, 기타 속성들 찾아보기. 퀴즈 코드 HTML숙제.html 도지월드 회원가입 아이디: 비밀번호: 회원가입 HTML 퀴즈 풀이 풀이 코드 HTML숙제.html 도지..
클론코딩 2023. 1. 25. 20:10
[인프런] 맛집지도 만들기 (1)

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지 비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지 - 인프런 | 강 내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다., - 강의 소개 | 인프런... www.inflearn.com ※ 해당 링크 강의 내용을 바탕으로 작성된 포스팅입니다. 강의소개 사용 기술 웹 프론트엔드: HTML, CSS, Vanila JS, ES6 서버: Node.js + Express: Rest API 데이터베이스: MySQL: ERD 설계, SQL 클라우드: AWS EC@ 지도 API: 카카오..
클론코딩 2023. 1. 22. 15:32
[인프런] 유튜브 사이트 만들기 (3)

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기 강의 [무료] 따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기 - 인프런 | 강의 이 강의를 통해 리액트와 노드의 개념을 익히는 것뿐만이 아닌 실질적으로 어떻게 웹사이트를 만들 수 있는지를 배울 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com ※ 해당 링크 강의 내용을 바탕으로 작성된 포스팅입니다. 좋아요 싫어요 기능 생성 (1) 구조 설명 1. Like & DisLike Model 만들기 boilerplate-mern-stack-master\server\models 경로에 Like.js 파일과 Dislike.js 파일 생성. Like.js const mongoose = require('mongoos..
클론코딩 2023. 1. 22. 15:26
[인프런] 유튜브 사이트 만들기 (2)

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기 강의 [무료] 따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기 - 인프런 | 강의 이 강의를 통해 리액트와 노드의 개념을 익히는 것뿐만이 아닌 실질적으로 어떻게 웹사이트를 만들 수 있는지를 배울 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com ※ 해당 링크 강의 내용을 바탕으로 작성된 포스팅입니다. 디테일 비디오 페이지에 Side 비디오 생성 1. Side Video 부분 Layout template 만들기 boilerplate-mern-stack-master\client\src\components\views\VideoDetailPage 경로에 Sections 폴더 생성. boilerplate-mer..
클론코딩 2023. 1. 13. 19:38
[인프런] 유튜브 사이트 만들기 (1)

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기 강의 [무료] 따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기 - 인프런 | 강의 이 강의를 통해 리액트와 노드의 개념을 익히는 것뿐만이 아닌 실질적으로 어떻게 웹사이트를 만들 수 있는지를 배울 수 있습니다., - 강의 소개 | 인프런... www.inflearn.com ※ 해당 링크 강의 내용을 바탕으로 작성된 포스팅입니다. 전체적인 틀 만들고 Mongo DB 연결 1. Boiler-plate 사용 이유 더 빠르게 개발을 하기 위해. 프로젝트의 중요한 부분에 집중하기 위해. 앱의 기능을 다 만들려고 하면 기본적인 부분을 만드는 것에 시간을 지나치게 할애할 수 있다. 2. Boiler Plate 다운로드 GIT HUB clone..
클론코딩 2023. 1. 6. 23:00
이전 Prev 1 2 3 Next 다음