본문 바로가기

분류 전체보기268

[TIL] 2022.04.29 오늘은 리액트를 다루는 기술, 자바스크립트 DeepDive 두가지만 진행했다. 드디어 10일정도의 마지막 휴가이후 공식적인 퇴사 확정. 자꾸 마음이 조급해지지만 이제서야 퇴사가 확정되고 새로운 시작이다. 목표는 수정하지 않고 그대로 진행할 예정 5월의 목표 1. 리액트를 다루는 기술 완독(내부 프로젝트 진행) (현재 5장) 2. 자바스크립트 DeepDive 25장까지 (현재 7장) 3. 드림코딩 react 강의 완강 (2주씩 2가지 프로젝트 진행) 4. 코딩테스트 준비 (구현, 그리디, bfs, dfs, 완전탐색) 하루 1문제 매주 월요일 마다 한 주 계획을 플랜하고 진행 예정. 리액트를 다루는 기술 https://mocha-blog.tistory.com/12 [리액트를 다루는 기술] 5장 ref 5장 .. 2022. 4. 29.
[리액트를 다루는 기술] 5장 ref 5장 ref: DOM에 이름 달기 ref(reference) HTML에서 id를 사용하여 DOM에 이름을 다는 것 처럼 프로젝트 내부에서 DOM에 이름을 다는 개념. 💡 리액트 컴포넌트에서도 id를 사용할 수는 있느나 권장하지 않습니다. 같은 컴포넌트를 여러번 사용할 경우 중복 id를 가진 DOM이 여러개 생긴다. ref는 언제 사용해야 할까? DOM을 꼭 직접적으로 건드려야 할때 사용해야 한다. 콜백함수를 통한 ref 설정 {this.input=ref}} /> 위와 같이 설정하면 앞으로 this.input은 input 요소의 DOM을 가리킵니다. ref를 만드는 가장 기본적인 방법은 콜백 함수를 이용하는 것이다. createRef를 통한 ref 설정 import React, { Component } f.. 2022. 4. 29.
[Javascript] 백준 문제 풀이 준비 /** * 제출용. 아래 로컬용을 지우고 제출하자. */ let input = require("fs").readFileSync("/dev/stdin").toString().trim().split("\n") /** * 로컬용, 예제.txt를 생성해서 예제를 복붙하자. */ let input = require("fs").readFileSync("예제.txt").toString().trim().split("\n") /** * 입력을 받는 파트 * split을 하게 되면 값타입이 string되기에 number로 만들어 줘야 한다. */ const [N, M] = input[0].split(" ").map(v => +v) const arr = input.slice(1).map(v => v.split(" ").ma.. 2022. 4. 29.
[TIL] 2022.04.28 2022년 4월 28일 TIL 오늘은 프로젝트는 진행하지 못하고 리다기,자바스크립트 DeepDive, 코딩테스트 문제풀이만 진행했다. 코딩테스트에서 정규식의 중요성을 확인하고 정규식으로 여러가지 테스트를 진행했다. 알고보면 간단한 느낌이지만, 알고리즘 문제를 풀면서 천천히 익숙해져야겠다. 이제 프로그래머스 1단계는 카카오문제 1문제만 남았다. 프로그래머스 1단계를 다풀면 백준으로 이동해 dfs, bfs, 완전탐색, 구현 등 알고리즘 유형과 문제를 위주로 진행할 예정이다. 금일 내용은 간단해 TIL에 직접 기록. 리액트를 다루는 기술 4장 4장 이벤트 핸들링 리액트의 이벤트 시스템 이벤트를 사용할 때 주의 사항 이벤트 이름은 카멜 표기법으로 작성합니다. 이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아.. 2022. 4. 28.

티스토리툴바