캐나다 개발자

https://kyung-a.tistory.com/36 자세한 변화는 위의 글 참조 1. Routes 모든 Route 들은 Routes 안에 들어가야한다. exact 기능도 없어졌다. - 알아서 url은 정확히 매칭된다. 2. useHistory() 같은건 없다 이제 대신 useNavigate()를 쓰면 된다. import {useNavigate } from 'react-router-dom'; const navigate = useNavigate (); {navigate('/detail')}}> useNavigate() vs Link Link는 JSX로 쓸수 있고, useNavigate()는 없다. 3. 잘못된 url 처리 app.js, bucketlist.jsx 더보기 app.js import React..

뭔가 Layout만 하기에는 심심할거 같아서 useRef()를 통해서 input 값을 동적으로 name에 줘봤다. 다만 input창을 초기화 시키는 방법을 실패했다. 막장의 소스코드는 아래있다 app.js and start.jsx 더보기 // app. js import React, {useState, useRef} from "react"; import styled from "styled-components"; // styled component // components import Start from './Start.jsx' import img from "./scc_img01.png"; function App() { const [name, setName] = useState('르탄이'); // name에..

https://velog.io/@seonghyeon01/CS 연속성과 불연속성 컴퓨터가 정보를 표현하는 방식 세 가지 컴퓨터는 디지털 처리 장치다. 즉, 컴퓨터는 불연속적인 덩어리로 입력받고, 불연속적인 값을 갖는 정보를 저장하고 처리한다 컴퓨터는 정보를 비트로 표현한다. 비트는 이진 숫자로 , 0 또는 1 인 수이다. 비트는 모여서 더 큰 정보를 표현한다. 숫자, 문자, 단어, 이름, 소 리, 사진, 영화부터 이러한 정보를 처리하는 프로그램을 구성하는 명령어 에 이르기까지 모두 비트가 모여 표현된다． 아날로그와 디지털 아날로그 : 다른 어떤 것이 변함에 따라 연속적으로 변하는 값이라는 개념을 전달하는 단어다 . 현실에서 우리가 다루는 사물 대부분은 아날로그 방식으로 , 수도꼭지나 자동차 핸들을 예로 들..

🐤 JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 느슨한 타입(loosely typed)의 동적(dynamic) 언어 JavaScript의 변수는 모든 타입의 값으로 할당할수도 다시 할당할수도 있다. JavaScript 형변환 parseInt(), Number() 등을 사용해서 변수의 타입을 변경시킬수 있다. ==, === 둘다 변수나 조건을 비교할때 쓰는데, == 는 유형을 비교하지않고, ===는 유형도 비교한다(더 엄격하다) 느슨한 타입(loosely typed)의 동적(dynamic) 언어의 문제점은 무엇이고 보완할 수 있는 방법에는 무엇이 있을지 생각해보세요. 동적인 언어는 Runtime에서밖에 확인할수 없기때문에, 에러를 발견하기가 어렵다. 보완하기 위해서 Typescri..

오늘의 목표 스파르타 스파르타 React 강의 스터디팀 공부 윤님 - ES6 + REACT 백재님 - ES11 + JS 준호님 - REACT 팀작업 1. 해리포터 덕질 사이트 개인공부 1. 노마드 트위터 클론 전산학공부 cs스터디 006 - 007 알고리즘, 자료구조공부 x 개인작업 1. 리액트 과제 2. 7계층 ppt 및 스크립트 새로운 사람들과 새로운 한주가 시작. 리액트가 드디어 시작한다. 제일 기다려 온 시간인 만큼 빠르고 정확하게 성장하고싶다. 2주차 리액트 팀의 팀장님하고 둘이 페어를 꾸려서 미니프로젝트를 해보기로 했다. 3주차를 빡세게 굴려보고 싶다. 오늘은 하루종일 React 강의듣고, 과제를 끝냈다. 아직 키보드로 평점 입력하는건 못했다. 내일은 이제 하루종일 키보드 입력하고, 리액트 과..

https://goldenducknest.tistory.com/34 조별분의 정리를 가져와서 하이라이트 하는데 사용했다. part.4 가로세로 1cm 프로세서 칩! 1.하드웨어 장치의 외견은 10~ 20년 전과 차이가 없지만 용량의 차이는 100배 까지도 늘어났다. -각종 기기에 쓰이는 SD카드가 그 대표적인 예중 하나이다. 2.반면 컴퓨터 부품 등이 올라가 있는 회로 기판의 발전 양상은 명확히 들어 나는데 -부품의 수가 줄고 -많은 회로가 부품 내부로 들어가고 -배선이 미세해지고 -연결 핀의수가 많아지고 훨씬 조밀하게 배치되었다 1990년대 pc기판의 앞면과 뒷면(인쇄 회로 기판의 버스들) 3.컴퓨터 전자 회로는 몇가지 기본 소자의 집합체인데 그중 가장 중요한것이 논리 게이트이다 -논리 게이트는 한 두..

React의 동작 원리를 알기위해서는 DOM을 알아야한다. 웹페이지가 렌더링 되는 과정은, 브라우저를 열면 일단 HTML parser가 HTML 구조를 바탕으로 DOM TREE 를 그린다. 그리고 나서 CS parser가 CSS를 바탕으로 CSSOM 을 그린다. *CSSOM - DOM에 CSS가 적용된 객체 모델 다음으로는 이제 DOM에 CSSOM을 적용해서 Render Tree를 그리고, 이 Render Tree를 painting해서 브라우저에 보여준다. * html 코드를 읽다가 script를 만나면, 잠시 코드 읽는걸 중단하고, js파일을 로드한다. -> 문제점: 이제 웹을 동적으로 (바뀐점같은걸 빠르게 보여주고싶은데) 자바스크립트는 코드도 길고, 코드가 길면 직관적이지도 않고, 직관적이지 않으면 ..

- 05/19 (목) 16:00~19:00: 알고리즘 테스트 오늘의 목표 스파르타 x 스터디팀 공부 윤님 - Destructing, Rest and Spread 백재님 - JS 준호님 - useState(), 리액트 만들다가 나온 팁 팀작업 x 개인공부 1. https://www.youtube.com/playlist?list=PLZKTXPmaJk8JDicsOyY2cTcwXmBa-ZceI 13강 2. https://www.youtube.com/playlist?list=PLZKTXPmaJk8JZ2NAC538UzhY_UNqMdZB4 전체 3. https://www.youtube.com/playlist?list=PLZKTXPmaJk8J_fHAzPLH8CJ_HO_M33e7- 전체 전산학공부 cs스터디 004 - ..

오늘의 목표 스파르타 x 팀공부 prototype reduce() styled-component part.2 팀작업 x 개인공부 1. 버튼 스타일 공부 2. flex & grid 기초 3. 자바스크립트 프로처럼쓰기 강의 4. ES5 문법 - callback - promise - async await 5. 자바스크립트 필수 es6, es11 필수문법 강의 6. 리액트 훅 - useContext - useMemo - useCallback - useReducer 전산학공부 cs스터디 003 - 004 알고리즘, 자료구조공부 x 개인작업 1. 팀장님이 찾아주신 일주일점수매기기 웹앱 2. 리액트 useState, useEffect, useRef 쓰는 페이지 한개짜리 영화사이트 만들어보기 API 가져와서 https..

https://velog.io/@mmzgpgp/%ED%95%AD%ED%95%B499-CS-%EC%8A%A4%ED%84%B0%EB%94%94-%ED%95%98%EB%93%9C%EC%9B%A8%EC%96%B4-part.3-HDD%EC%99%80-SSD%EC%9D%98-%EC%B0%A8%EC%9D%B4 CS 스터디 조원분이 정리해준 내용이다. 오늘은 HDD와 SSD의 차이가 주된 포인트 였다. HDD와 SSD의 차이 주 기억장치 와 보조 기억 장치 주 기억 장치는 정보 저장 용량이 한정적인 데다 전원이 꺼지면 내용이 사라져 버린다. 보조 기억 장치(secondary storage)는 전원이 꺼져 있을 때도 정보를 유지한다. 주 기억 장치와 보조 기억 장치의 공통점과 차이점 보조기억장치에는 두 종류가 있다. 첫..