1. 리액트 챕터3 마무리 -CrateContext를 사용하면 컴포넌트끼리 값을 쉽게 전달할 수 있다. -리액트에서 함수 반환 값은 무조건 하나여야 하는데 이를 위해 를 사용하는 것보다 frogment를 사용하는 것이 좋다. -react-router-dom 에선 a태그와 유사한 Link 태그가 사용된다. 2. 프로그래머스 레벨1 알고리즘 3. 모던 자바스크립트 튜토리얼 -연산이 되는 대상을 모두 피연산자라고 부름. 피연산자가 하나면 단항 연산자, 두 개 이상이면 다항 연산자. -== (동등 연산자), ===(일치 연산자) : 일치 연산자는 형을 변환하지 않고 비교한다. -null과 undifined는 동등 연산자로 비교하면 true이지만 서로와 자신을 제외한 모든 것은 false -하지만 null과 un..
함수의 리턴 값은 언제나 하나! 리액트에서 정의한 함수의 return 내에는 오직 하나의 최상위 태그만 존재해야 한다. export default function Test (){ return( Hello, world! React ) } 그래서 이렇게 의미가 없는 로 감싸는 경우가 많다. 하지만 로 감싸면 태그 자체는 사용하지 않지만 DOM에는 div가 적용된다. 따라서 이럴 때 사용할 수 있는 것이 Fragment이다. Fragment 사용하기 import React, { Fragment } from 'react'; export default function Test (){ return( Hello, world! React ) } 이렇게 가 아닌 를 사용하는 경우 DOM에 영향을 미치지 않는다! 그리고 ..
어제는 코테를 보고 휴식! 1. 프로그래머스 레벨 1 3개 -코테를 보고 나니 조금만 어려워져도 못 푸는 것 같다. 레벨1부터 차근차근 해결해보면서 알고리즘 강의를 들어야겠다. 2. 모던자바스크립트 튜토리얼 -변수명에서 특수문자는 $와 _만 사용가능 -크롬, 오페라에서 사용되는 자바스크립트 엔진을 v8, 파이어폭스에서 사용하는 자바스크립트 엔진을 spiderMonkey라고 한다.
1. 프로그래머스 4문제 -DFS(깊이탐색)/BFS(너비탐색) :깊이탐색은 스택을, 너비탐색을 큐를 사용한다. :최단거리를 구하는 경우 너비탐색을 이용 :재귀함수를 이용하는 방법이 흔하게 사용된다. => 알고리즘 이론은 이해가 되는데 이걸 이용해서 코드를 수월하게 짜는 것이 아직 어렵다. 많은 알고리즘 문제를 접해봐야할 것 같다. 2. 리액트 복습 - 코딩앙마 리액트 강의 복습 : 코딩앙마님의 강의를 보고 만든 웹사이트를 다시 살펴보고 prev day, next day로 이동할 수 있는 버튼을 만들었다. 아주 같단한 버튼이었지만 어떤 식으로 해야하는지 감이 안와서 오래걸렸다. -테크잇 리액트 애플스토어 클론 강의 -리액트는 SPA 방식을 사용 (react-router-dom) -가상 돔을 사용하기 때문에..
https://school.programmers.co.kr/learn/courses/30/lessons/42860 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 조이스틱으로 알파벳 이름을 완성하세요. 맨 처음엔 A로만 이루어져 있습니다. ex) 완성해야 하는 이름이 세 글자면 AAA, 네 글자면 AAAA 조이스틱을 각 방향으로 움직이면 아래와 같습니다. ▲ - 다음 알파벳 ▼ - 이전 알파벳 (A에서 아래쪽으로 이동하면 Z로) ◀ - 커서를 왼쪽으로 이동 (첫 번째 위치에서 왼쪽으로 이동하면 마지막 문자에 커서) ▶ - 커서를 오른쪽으로 이동 ..
https://school.programmers.co.kr/learn/courses/30/lessons/87946 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 XX게임에는 피로도 시스템(0 이상의 정수로 표현합니다)이 있으며, 일정 피로도를 사용해서 던전을 탐험할 수 있습니다. 이때, 각 던전마다 탐험을 시작하기 위해 필요한 "최소 필요 피로도"와 던전 탐험을 마쳤을 때 소모되는 "소모 피로도"가 있습니다. "최소 필요 피로도"는 해당 던전을 탐험하기 위해 가지고 있어야 하는 최소한의 피로도를 나타내며, "소모 피로도"는 던전을 탐험한 후 소..
https://school.programmers.co.kr/learn/courses/30/lessons/42746 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요. 예를 들어, 주어진 정수가 [6, 10, 2]라면 [6102, 6210, 1062, 1026, 2610, 2106]를 만들 수 있고, 이중 가장 큰 수는 6210입니다. 0 또는 양의 정수가 담긴 배열 numbers가 매개변수로 주어질 때, 순서를 재배치하여 만들 수 있는 가장 큰 수를 문..
https://school.programmers.co.kr/learn/courses/30/lessons/42583 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 트럭 여러 대가 강을 가로지르는 일차선 다리를 정해진 순으로 건너려 합니다. 모든 트럭이 다리를 건너려면 최소 몇 초가 걸리는지 알아내야 합니다. 다리에는 트럭이 최대 bridge_length대 올라갈 수 있으며, 다리는 weight 이하까지의 무게를 견딜 수 있습니다. 단, 다리에 완전히 오르지 않은 트럭의 무게는 무시합니다. 예를 들어, 트럭 2대가 올라갈 수 있고 무게를 10kg까..
1.프로그래머스 2문제 - 대략적인 해결법을 알고있는 문제를 푸는 것임에도 어려움이 있었다. 좀 더 다양한 방법으로 고민해보자. 2. 리액트 강의 끝 -CRUD :리액트로 CRUD 하는 방법을 배웠다. fetch로 데이터를 받아와서 method, headers를 이용하는 방법을 처음 알게 되었다. -useNavigate :지정한 주소로 이동시켜주는 훅이다. => 정말 배웠다일 뿐 활용할 줄은 모른다. 이것저것 추가로 만들어보면서 리액트에 익숙해져야할 것 같다. 리액트 강의를 듣는 게 우선일듯!
코딩앙마님의 강의를 보고 작성한 글입니다. https://www.youtube.com/watch?v=ymmiuSl1t5k&list=PLZKTXPmaJk8J_fHAzPLH8CJ_HO_M33e7-&index=16 PUT 현재 단어를 완료했다는 의미로 체크를 하면 회색으로 표시되도록 하였는데 아직 새로고침을 하거나 나갔다 들어오면 초기값으로 변경되어 있다. 그래서 저장되어 있는 데이터의 isDone 상태를 바꾸기 위해 PUT 메소드를 사용할 것이다. Word 컴포넌트의 toggleDone 함수를 수정해보자. //Word.js function toggleDone(){ fetch(`http://localhost:3001/words/${word.id}`, { method : 'PUT', headers : { 'co..
