오늘도 디벅잉

🏅 리액트 기본기를 다지고, 애니메이션을 다양하게 적용해 볼 수 있음 (17시간+, 난이도: ★★☆☆☆) 리액트 기초를 학습한 이후 본격적으로 다양한 기술들을 연습해 볼 수 있었습니다. 특히 framer motion을 활용한 여러가지 애니메이션을 접할 수 있었습니다. 1/13 ~ 2/2 https://nomadcoders.co/react-masterclass React JS 마스터클래스 – 노마드 코더 Nomad Coders Typescript, Recoil, Framer Motion, Gatsby nomadcoders.co

🏅 가벼운 마음으로 타입스크립트에 입문할 수 있음 (1시간+, 난이도: ★★☆☆☆) 타입스크립트 기본 세팅부터 기초적인 사용법까지 다루고 있습니다. '블록체인 만들기'보다는 '타입스크립트로'에 조금 더 많은 비중을 두고 있습니다. 가벼운 마음으로 타입스크립트를 시작해보기에 안성맞춤인 강의라고 생각합니다! 1/31 https://nomadcoders.co/typescript-for-beginners/ Typescript로 블록체인 만들기 – 노마드 코더 Nomad Coders Bug-free Javascript nomadcoders.co

🏅 리액트 입문하기에 딱! 심지어 무료! (분량: 6시간+, 난이도: ★★☆☆☆) 함수 컴포넌트, JSX, useState, useEffect, props 등등 리액트의 기본적인 개념을 학습합니다. 리액트를 처음 접하는 입장에서 기본기를 연습하는데 많은 도움이 되는 강의라고 생각합니다. 1/9 ~ 1/12 https://nomadcoders.co/react-for-beginners ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders React Fundamentals nomadcoders.co

📌 import "[풀스택] 유튜브 클론코딩 (nomadcoders.co)"; Router 무엇인가? URL을 모듈화하여 정리하는 방법 어떻게 사용하는가? 1-1. 라우터 생성 - const [변수명]videoRouter = express.Router(); 1-2. 라우터 export - export default [변수명]videoRouter; (한 파일에서 한번만 가능) import express from "express"; import {watch, edit} from "../controllers/videoController.js"; const videoRouter = express.Router(); videoRouter.get("/:id(\\d+)", watch); videoRouter.get("..

노마드코더 강의를 들으며 모멘텀 클론코딩을 진행하였다. 결과물은 아래 주소에서 🚀 https://reload1bronze.github.io/ ⚔️ 주요 포인트 1. JS에서 HTML 요소 불러오기 const loginInput = document.querySelector("#login-form input"); const toDoForm = document.getElementById("todo-form"); 2. localStrorage를 이용한 데이터 저장 및 불러오기 const savedUsername = localStorage.getItem(USERNAME_KEY); function foo(e) { ... localStorage.setItem(USERNAME_KEY, username); ... } 3..

강의 내용 (무료) 바닐라 JS로 크롬 앱 만들기 (Momentum) 바닐라 JS로 그림판 만들기 한줄 요약 JS 입문자들에게 강추! 추천 대상 1. HTML, CSS를 학습한 프로그래밍 입문자 2. 인터넷 강의를 집중해서 들을 수 있는 사람 3. 과제가 주어지면 더욱 열심히 하게 되는 사람 (챌린지 참여시) 총평 드디어 자바스크립트! 자바스크립트를 통해 HTML, CSS를 조작하고, 데이터를 다루고, API를 활용하는 작업이 흥미로웠다. 우리가 많이 사용하는 Momentum 이라는 크롬 앱을 카피해 봄으로써 앞으로의 학습에 대한 자신감이 붙는다. 코코아 클론 챌린지에 이어 JS 챌린지도 아자아자@🐱‍🏍

HTML, CSS를 활용한 코코아톡 클론코딩 HTML, CSS 기초 학습 완료

코코아 클론 강의를 들으면서도 많은 학습이 되었지만 챌린지에 참여하지 않았다면 능력을 끌어올리기 힘들었을 것 같다 챌린지에 참여하면서 좋았던점을 꼽아보자면 2가지가 있다 첫번째 스스로 코드를 짜는 연습을 할 수 있었다 챌린지 과제를 마주하고, 고민하고, 찾아보고, 코드를 작성하는 시간들로 한단계 성장할 수 있었다 두번째 이유는 다른 사람들의 뛰어난 결과물을 보면서 자극을 받을 수 있었다 좌절할 필요는 없을 것이다 노마드코더에서 강의를 듣고 챌린지에 참여하는 과정을 통해 충분히 성장할 수 있을 것 같다 '아름다운' 코드를 짜는 '아름다운' 프로그래머가 되는 그날까지 파이팅 :D

한줄 요약 HTML 및 CSS 재밌게 학습 가능, 강추! 추천 대상 1. 프로그래밍 입문자 2. 인터넷 강의를 집중해서 들을 수 있는 사람 3. 과제가 주어지면 더욱 열심히 하게 되는 사람 총평 프로그래머로서의 주력 스킬을 선택하기 위해 Front-end 부터 Back-end 까지 전체를 훑어보는 과정을 시작하는 첫번째 학습이었다. 클론코딩으로 학습하니 확실히 흥미가 붙는다. HTML과 CSS만으로도 재밌는 화면구성이 가능하다는 점이 특히 흥미로웠다. 역시 기초를 무시할 수 없겠다. 클론코딩의 단점은 학습 이후에 혼자 해보려고 할때 막막해진다는 것이다. 그래서 중요하다고 생각하는 부분은 한번이라도 복습해가면서 학습해 나갔다. 오늘부터 챌린지가 시작되었다. 챌린지란 노마드코더에서 제공하는 강의의 추가 코너..

HTML - CSS - JavaScript 관계 HTML - CSS - JavaScript 셋의 관계에 대한 설명을 듣다보니 건축 3대 요소 구조 - 미 - 기능의 관계가 떠올랐다. 웹페이지의 콘텐츠를 구성하는 HTML은 건축의 뼈대가 되는 구조(Structure)와 닮았고, 콘텐츠의 색상, 크기 등 외형을 꾸미는 CSS는 건축에서의 보여지는 아름다움(Beauty)과 의미가 통하며, 동적인 기능을 가능케 하는 JavaScript는 건축의 기능(Function)과 의미가 통한다고 느꼈다. HTML = Structure CSS = Beauty JS = Function 요소(Element)의 닫는 태그(Closing Tag)가 /element 인 이유 HTML에서 닫히는 요소(element)들은 /blabla..