잡초의 일지

섹션 4, 5 State title을 변수로 놓아도 변경사항이 DOM에 적용되지 않는다. → DOM을 초기에 한번만 랜더링 하기 때문에. UI에 변경사항을 적용하려면 useState라는 리액트훅을 사용한다. → 컴포넌트 안에 넣어야 한다. → 배열을 리턴한다. 첫번째 요소 : 값. 현재 상태 두번째 요소 : 함수. 업데이트 된 상태 → state가 등록된 컴포넌트를 다시 읽고 UI를 업데이트 한다. → 컴포넌트 인스턴스 단위이기 때문에 업데이트 하면서 다른 요소들에게 영향을 미치지 않는다. 하나의 컴포넌트 안에 여러개의 state 슬라이스 그냥 여러번 호출하면 됌 2. 객체로 받기 → 객체의 모든 요소를 업데이트 해 주어야 함 이전값에 의존하여 변경하기 → 그냥 오버라이드 하지 않고 이전 상태에 의존하여..

섹션 2, 3 자바스크립트 복습 태그 안에 js를 넣는다 js 코드를 태그 안에 넣지 않고 src=”js파일경로” 로 js파일을 넣을 수 있다 src=”js파일경로” defer defer를 사용하면 해당 페이지가 모두 로딩 된 후 외부 스크립트가 실행된다 src=”js파일경로” type=”module” type=”module”은 js파일을 모듈처럼 취급한다 → import 사용 가능 빌드를 할 때, React의 빌드 프로세스가 자동으로 script를 넣어주고 사용자가 다운받에 최적화된 형태로 js를 바꿔준다 let과 const → const가 변경 불가한게 아니라 덮어쓸 수 없다는것! Arrow funtions function의 여러가지 표현 방식 객체를 리턴할 때는 꼭 () ⇒ ({}) 로 중괄호를 묶..

섹션1 React? UI를 만들기 위한 자바스크립트 라이브러리 왜 React? 부드럽고 즉각적인 반응 사용자 경험⬆ 새 페이지가 로딩되는 듯한 효과가 없음 서버에서 페이지를 받을때까지 기다리지 않아도 됌 자바스크립트로 쓰여진 라이브러리이기 때문에 백그라운드 에서 페이지를 받아놓을 수 있기 때문에 그냥 자바스크립트만 쓰면 손이 많이 가고 오류가 발생하기 쉽다 React 특징 선언형 js 안에서 html 실행 브라우저 기반 편집기 react.new

인턴쉽을 하게 된 계기 솔직히 말하자면 졸업요건 때문이다. 학부연구생이라는 선택지도 있었지만, 실무 경험을 쌓을 수 있겠다는 생각에 인턴쉽을 하기로 하였다. 내가 배운 것들이 회사에서 실제로 어떻게 쓰일 수 있는지 궁금했고, 이것은 좋은 기회라고 생각했다. 인턴쉽 준비 과정 인턴쉽을 구하는 방법은 대략 1. ICT 학점연계 인턴쉽 사이트에서 구하는 방법 https://www.ictintern.or.kr/main.do 2. 학교 홈페이지에 올라오는 모집 공고 3. 개인적으로 구하는 방법 등이 있었는데, 기간적으로나 방법적으로나 1,2번이 가장 적합했다. 모집 시기가 되면, 공고가 올라오고 기간 안에 신청하면 된다. 이때 가장 중요한것은 지원하고싶은 회사를 고르는 것이다. 모집 공고는 수십 수백개가 올라온다..

코딩테스트를 준비하며 문제를 풀다, 오랜시간 고민한 문제라서 아주 오랜만에 포스팅 한다. 우선, 처음에는 3진법으로 접근하고자 하였다. 10진법 -> 2진법을 구하는것처럼, n진법일 경우, n으로 나눈 몫과 나머지를 활용하는 방안을 생각하였다. 이 경우, 3진법은 (0, 1, 2)를 사용하기 때문에 3(10진수) = 10(3진수)가 된다. 이렇게 생기는 10(3진수)를 4로 바꾸면 되겠다는 생각을 하였다. 더보기 중간에 1로 자리가 올라가는 숫자를 생각하지 못하고 0만 4로 바꿔서 많이 해맸다. 10(3진수)를 4로 바꾸기 위해선, 3으로 나눈 나머지가 0일때, 올라가는 수인 1을 빼주어야 한다. 이것은 3으로 나눈 몫에서 1을 빼주는것과 같다. 또한, 0을 4로 바꾸어 문자열에 넣어준다. 아주 어릴때 ..

본 게시물은 "Computer Organization and Design : The Hardware/ Sofrware Interface (ELSEVIER) 5th Edition"의 한국어판을 읽으며 정리한 글입니다. http://www.yes24.com/Product/Goods/16426341 컴퓨터 구조 및 설계 - YES24 최근의 단일 프로세서에서 멀티코어 마이크로프로세서로의 변천은 초판 이래 갖고 있던 이러한 관점이 옳았다는 것을 확인시켜 주었다. 한때는 프로그래머들이 이러한 충고를 무시하고 그들의 www.yes24.com Ch.1 2.2. 하드웨어 연산 MIPS 명령어 피연산자 : 더해질 숫자 두개와 합을 기억할 장소 하나 // C언어로 a = b + c; // MIPS 어셈블리 언어 명령어로 ..

개요 온전한 내 힘으로 MVVM 패턴을 적용한 무언가를 만들고 싶다는 생각이 들었다. 가장 쉬운 todolist를 만들어보기로 했다. 완성본 https://youtu.be/0zDHYsUIRpg 이 영상을 올리려고 처음으로 유튜브에 동영상을 올려봤다..ㅎㅎ 디자인 & 기능 아이디어의 러프 스케치는 아래와 같다. 알람이나 날짜 기록 등의 기능은 제외하고, 주요 기능만 추려 단순하게 만들었다. 코드 내용 MVVM 패턴으로 구현하려고 노력하였다. 완료한 일을 체크하는 코드를 짤 때, 이미 Todo객체로 만들어진 것을 어떻게 수정해야 할 지 고민이었다. 각 todo를 하나의 view로 표현하여 여러 셀들로 표현해야 하나 생각했다. 하지만, 이것은 기존의 코드를 많이 수정해야 했다. 따라서, modifyTodoDo..

본 게시물은 "Computer Organization and Design : The Hardware/ Sofrware Interface (ELSEVIER) 5th Edition"의 한국어판을 읽으며 정리한 글입니다. http://www.yes24.com/Product/Goods/16426341 컴퓨터 구조 및 설계 - YES24 최근의 단일 프로세서에서 멀티코어 마이크로프로세서로의 변천은 초판 이래 갖고 있던 이러한 관점이 옳았다는 것을 확인시켜 주었다. 한때는 프로그래머들이 이러한 충고를 무시하고 그들의 www.yes24.com 1.1. 서론 하드웨어와 소프트웨어가 어떻게 성능에게 영향을 미치는가 (p.10) 하드웨어 또는 소프트웨어 구성 요소 성능에 미치는 영향 알고리즘 소스 프로그램 문장 수와 입출..