본문 바로가기
728x90

전체 글

 (197)
[Nomad/바닐라 JS Challenges] 2일차 | Ch02 WELCOME TO JAVASCRIPT 참고자료: 노마드 코더 바닐라 JS로 크롬 앱 만들기 https://nomadcoders.co/javascript-for-beginners/lobby 1. Basic Data Types // Integer 1, 2, 3 // String, 따옴표로 감싼다. "Hello" 2. Variables const a = 5; const b = 2; const myName = "yeram"; console.log(a + b); console.log(a * b); console.log(a / b); console.log("Hello" + myName); 👉🏻변수를 선언해 게으른 개발자가 되어보자! 코드의 재사용성을 높인다. 👉🏻JS에서는 변수를 카멜표기법으로 쓴다. 3. const and let let a = 5;..
[Nomad/바닐라 JS Challenges] 1일차 | Ch01 INTRODUCTION 참고자료: 노마드 코더 바닐라 JS로 크롬 앱 만들기 https://nomadcoders.co/javascript-for-beginners/lobby 🐰 노마드 자바스크립트 챌린지를 시작했다! 자바스크립트를 몰라서! 라기보다 쓰기는 쓰지만 개발하면서 항상 디테일한 부분을 놓치는 기분이 들어 그 부분을 채우고 싶어 챌린지에 참여하게 되었다! 앞으로 잘 들어봐야징 1. Why JS? 👉🏻첫날이라 그런지 JS를 왜 배워야하는지 JS의 장점을 위주로 한 강의였다! 👉🏻JS는 동적인 웹을 만들기 위해 배워야하기도 하지만 프론트엔드의 유일한 프로그래밍 언어이므로 배워야 한다ㅎㅎ
[노마드/React로 영화 웹 서비스 만들기] Ch06 EFFECTS | 4. Cleanup 참고자료: 노마드 코더 ReactJS로 영화 웹 서비스 만들기 https://nomadcoders.co/react-for-beginners/lobby 1. clean up 함수 function Hello() { useEffect(() => { console.log("hi!"); return () => console.log("bye!"); }, []); return ( Hello ) } function App() { const [showing, setShowing] = useState(false); const onClick = () => setShowing((prev) => !prev); return ( {showing ? : null} {showing ? "Hide" : "Show"} ); } 👉🏻전체..
[노마드/React로 영화 웹 서비스 만들기] Ch06 EFFECTS | 2. Deps 참고자료: 노마드 코더 ReactJS로 영화 웹 서비스 만들기 https://nomadcoders.co/react-for-beginners/lobby 1. uesEffect의 두 번째 인자 특정 동작을 하면 특정 코드만 실행하도록 만들어보자! function App() { const [counter, setValue] = useState(0); const [keyword, setKeyword] = useState(""); const onClick = () => setValue((prev) => prev + 1); const onChange = (event) => setKeyword(event.target.value); useEffect(() => { console.log("i run only once"..
[노마드/React로 영화 웹 서비스 만들기] Ch06 EFFECTS | 1. useEffect 참고자료: 노마드 코더 ReactJS로 영화 웹 서비스 만들기 https://nomadcoders.co/react-for-beginners/lobby 1. useEffect 어떠한 변화가 있을 때마다 모든 코드를 rerender하는 것은 매우 비효율적이다. 때문에 특정 코드의 실행을 제한하는 법을 알아보자! import { useState, useEffect } from "react"; function App() { const [counter, setValue] = useState(0); const onClick = () => setValue((prev) => prev + 1); console.log("i run all the time"); useEffect(() => { console.log("cal..
[노마드/React로 영화 웹 서비스 만들기] Ch05 CREATE REACT APP | 0. Introduction & 1. Tour of CRA 참고자료: 노마드 코더 ReactJS로 영화 웹 서비스 만들기 https://nomadcoders.co/react-for-beginners/lobby 1. create-react-app npx create-react-app@lastest my-app 👉🏻해당 명령어를 통해 react app을 생성한다. lastest 자리에는 가장 최신의 버전을 적는다. my-app 자리에는 본인이 생성할 app의 이름을 적는다. 👉🏻위와 같은 구조로 파일이 생긴다. src 디렉토리에서 필요한 App.js와 index.js를 남기고 모두 지우자. import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; const..
[TAVE/밑딥] ch03 신경망 | 04 3층 신경망 구현하기 참고자료: 밑바닥부터 시작하는 딥러닝 1. 표기법 설명 👉🏻표기법은 다음과 같다. 하나씩 살펴보자! 👉🏻가중치와 은닉층 뉴런의 오른쪽 위에 '(1)'이 붙어있다. 이는 1층의 가중치, 1층의 뉴런임을 뜻하는 번호이다. 👉🏻가중치의 오른쪽 아래 두 숫자는 차례로 다음 층 뉴런의 인덱스와 앞 층 뉴런의 인덱스 번호이다. 2. 각 층의 신호 전달 구현하기 1층으로 가는 과정을 구현해보자 👉🏻편향(b)을 뜻하는 뉴런이 추가 되었다. 편향 뉴런은 하나이기 때문에 오른쪽 아래 인덱스가 하나밖에 없다. 👉🏻수식은 다음과 같다. a1(첫 은닉층의 첫 뉴런) = x1 * 가중치 + x2 * 가중치 + 편향 👉🏻행렬의 곱을 이용해 가중치 부분을 간소화했다. 이를 넘파이의 다차원 배열을 이용해 구현하면 다음과 같다. imp..
[TAVE/밑딥] ch03 신경망 | 03 다차원 배열의 계산 참고자료: 밑바닥부터 시작하는 딥러닝 1. 다차원 배열 import numpy as np A = np.array([1, 2, 3, 4]) print(A) #[1 2 3 4] print(np.ndim(A)) #1 print(A.shape) #(4,) print(A.shape[0]) #4 👉🏻넘파이로 1차원 배열을 구현해보았다. np.dim(): 배열의 차원 수 shape: 배열의 형상 B = np.array([[1, 2], [3, 4], [5, 6]]) print(B) #[[1 2] # [3 4] # [5 6]] print(np.ndim(B)) #2 print(B.shape) #(3, 2) 👉🏻넘파이를 통해 3x2 배열을 구현했다. 2차원 배열은 특히 행렬이라고 부른다. 2. 행렬의 곱 👉🏻행렬을 곱하는 ..
728x90

티스토리툴바