본문 바로가기

분류 전체보기

(98)
vscode에 git 연동해 사용하기 보호되어 있는 글입니다.
[리액트] 초기세팅 및 실습 1차 [참고] 자습서 - React 시작하기 ko.reactjs.org/tutorial/tutorial.html 자습서: React 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 리액트로 tic tac toe 만들면서 실습해보기 코드 : github.com/GoldK11/React/tree/main/practice/tictactoe [자동 새로고침] 리액트는 코드 변경 후 저장 시 live-reload 기능을 지원한다. 이런 자동 새로고침이 불편해서 비활성화하는 법을 알아봄 okky.kr/article/546683 OKKY | React live-reload 비활성화하는 방법이 궁금합니다. react 에서 소스코드 수..
[프로그래머스] 고득점 키트 - 완전탐색1 오늘 푼 문제 1. 모의고사 / Lv.1 / 시간 : 21분 programmers.co.kr/learn/courses/30/lessons/42840?language=javascript 코딩테스트 연습 - 모의고사 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 programmers.co.kr function solution(answers) { var answer = []; let bmap = {1:1,3:3,5:4,7:5}; let cmap = {0:3,1:1,2:2,3:4,4:5}; let temp = answers.reduce((acc,cur,i)=>{ if(cur..
[프로그래머스] 고득점 키트 - 힙2 오늘 푼 문제 2. 이중 우선순위 큐/ Lv.3 / 시간 : 13분 programmers.co.kr/learn/courses/30/lessons/42628?language=javascript 코딩테스트 연습 - 이중우선순위큐 programmers.co.kr function solution(operations) { var answer = []; let temp = operations.reduce((acc,cur)=>{ switch(cur){ case "D 1": acc.shift(); break; case "D -1": acc.pop(); break; default: acc.push(cur.slice(2)*1); acc.sort((a,b)=>b-a); break; } return acc; },[]); an..
프론트엔드 개발환경의 이해 (중) - 바벨, 린트 참고 강좌 - [김정환] 프론트엔드 개발환경 이해 www.youtube.com/playlist?list=PL9mhQYIlKEhcQStzo0dQiBThjwU8TroCt 토크ON 68차. 프론트엔드 개발환경 이해 | T아카데미 T아카데미 온라인 강의- [토크ON세미나] 프론트엔드 개발환경 이해 (총8강) ▶ https://tacademy.skplanet.com/live/player/onlineLectureDetail.action?seq=174 [과정 소개] 이번 강의에서는 NPM 프로젝트와 모듈 시스템 www.youtube.com 1. 바벨 Babel - 크로스 브라우징 - ES6, 타입스크립트, JSX 등이 브라우저에 상관없이 동작하도록 변환해(트랜스파일) 호환성을 맞춰줌 - 파싱(Parsing), 변환(..
[리액트] 기본 개념 익히기 React [참고] 주요개념가이드 ko.reactjs.org/docs/hello-world.html Hello World – React A JavaScript library for building user interfaces ko.reactjs.org 1) JSX - javascript 확장 문법 ( 마크업 + JS ) - 기본적으로 html 보다 javascript 객체로 인식 - 문자열(따옴표) 및 표현식(중괄호) 삽입 가능 - 리액트 엘리먼트로 표현 가능 ( React.createElement(...) ) 2) 렌더링 ReactDOM.render(렌더링 대상 엘리먼트, DOM 노드); 렌더링 대상 엘리먼트 : const element = Hello, {name}; (JSX 표현식) DOM 노드 : ..
프론트엔드 개발환경의 이해 (상) - npm, 웹팩 참고 강좌 - [김정환] 프론트엔드 개발환경 이해 www.youtube.com/playlist?list=PL9mhQYIlKEhcQStzo0dQiBThjwU8TroCt 토크ON 68차. 프론트엔드 개발환경 이해 | T아카데미 T아카데미 온라인 강의- [토크ON세미나] 프론트엔드 개발환경 이해 (총8강) ▶ https://tacademy.skplanet.com/live/player/onlineLectureDetail.action?seq=174 [과정 소개] 이번 강의에서는 NPM 프로젝트와 모듈 시스템 www.youtube.com 1. 프론트엔드에서 node.js의 필요성 1) 최신 스펙으로 개발 - 바벨, 웹팩, npm과 같은 노드 기반 개발환경은 typescript, SASS/SCSS 등의 고수준 프로그..
멱집합 power set - 재귀함수, DFS 보호되어 있는 글입니다.