JS
-
[level1] - x만큼 간격이 있는 n개의 숫자도움말programmers/level1 2020. 7. 19. 12:58
코딩테스트 연습 - x만큼 간격이 있는 n개의 숫자 함수 solution은 정수 x와 자연수 n을 입력 받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴해야 합니다. 다음 제한 조건을 보고, 조건을 만족하는 함수, solution을 완성해주세요. �� programmers.co.kr 문제 설명 : 함수 solution은 정수 x와 자연수 n을 입력받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴해야 합니다. 다음 제한 조건을 보고, 조건을 만족하는 함수, solution을 완성해주세요. 입력 및 출력 x n return 2 5 [2,4,6,8,10] 4 3 [4,8,12] -4 2 [-4, -8] 접근 방법 : 우선 n개를 지닌 리스트를 만들어야 하기 때문에, 배열..
-
[TIL] 2020-03-19Trainings/이전 TIL 기록 2020. 3. 19. 23:46
[ groomedu ] - 처음 만난 React(리액트) Handling Events까지 수강 [ 배운 내용 ] Event란? 어떤 특정한 하나의 사건을 의미하며, 버튼 클릭을 하는 사건, 즉 버튼을 클릭하는 이벤트를 뜻한다. 사용자가 웹 페이지에서 어떠한 버튼을 클릭한 사건이라고 볼 수 있다. 예를 들어, Activate Lasers 버튼이 하나가 있고, onClick이 안에 어떠한 함수를 선언해 놓았다. 버튼을 클릭 했을 때, 이 이벤트가 발생을 하고 이 이벤트가 발생했을 때, 어떠한 처리를 하겠다는 의미를 뜻한다. DOM에도 이벤트가 있고, React에도 이벤트가 있다. [ HTML ] Activate Lasers [ React ] Activate Lasers - React 같은 경우에는 소문자 대..
-
[TIL] 2020-03-18Trainings/이전 TIL 기록 2020. 3. 18. 22:35
[ groomedu ] - 처음 만난 React(리액트) State and Lifecycle까지 수강 [ 배운 내용 ] state란? - 상태라는 의미를 가지고 있다. 즉, 리엑트 컴포넌트의 상태를 의미한다. - 리엑트에서는 데이터를 의미하며, 컴포넌트에 대한 변경 가능한 데이터이기도 하다. - state는 사용자가 정의한다. - 렌더링이나 데이터 흐름에서 사용하는 값들만 state에 포함시켜야 한다. - 그렇지 않은 데이터는 그냥 정적인 데이터로 관리하는 것이 좋다. - state는 자바스크립트의 객체라고 보면 된다. - state는 직접 수정할 수 없다.(하면 안 된다) - 리엑트에서 관리하기 때문에 우리가 수정하면 이상한 방향으로 흘러갈 수 있기 때문이다. - state는 꼭 setState()를 ..
-
[TIL] 2020-03-13Trainings/이전 TIL 기록 2020. 3. 13. 22:48
[groomedu] 가장 핫한 프런트엔드 라이브러리🔥, React 가지고 놀아보기 [생활코딩] React state까지 수강 [배운 내용] - React는 페이스북에서 만든 웹 프레임 워크이다. - 예전에는 단순히 정적인 정보만 보여주는 사이트가 많았다. - 하지만 지금은 웹상에서 정보를 입력하면 그 정보가 바로바로 업데이트된다. - 그렇기 때문에 요즘 웹 애플리케이션은 쉽게 동적 인터페이스를 나타내 줄 수 있다. - 하지만 이런 동적 인터페이스에는 수 많은 상태 관리가 필요하기 때문에 React가 만들어짐 - 페이스북은 수 많은 타임라인이 존재하고, 이 타임라인 안에 수많은 요소가 들어간다. (사진, 글, 좋아요, 댓글) - 하지만 웹 라이브러리의 도움 없이 HTML, CSS, Javascript로 이..
-
[TIL] 2020-03-12Trainings/이전 TIL 기록 2020. 3. 12. 23:30
[노마드 코더] ReactJS로 웹 서비스 만들기 #4. 2 Styling the Movies까지 수강 [배운 내용] App.js import React from "react"; import axios from "axios"; import Movie from "./Movie"; import "./App.css"; class App extends React.Component { state = { isLoading: true, movies: [] }; getMovies = async () => { const { data: { data: { movies } } } = await axios.get( "https://yts-proxy.now.sh/list_movies.json?sort_by=rating" ); t..
-
[TIL] 2020-03-08Trainings/이전 TIL 기록 2020. 3. 8. 23:54
[노마드 코더] ReactJS로 웹 서비스 만들기 #3.1 All you need to know about State까지 수강 [배운 내용] this의 값은 함수를 호출하는 방법에서 결정된다. 1. 전역에서 this console.log(this); // window {...} this.a = 'A'; console.log(window.a) // 'A' this.hello = 'world'; console.log(window.hello) // 'world' cat = "Meow"; console.log(window.cat) // 'Meow' console.log(cat) // 'Meow' thist는 기본적으로 전역 객체인 window에 바인딩된다. 2. 함수에서의 this function foo() {..
-
[TIL] 2020-03-06Trainings/이전 TIL 기록 2020. 3. 6. 23:00
[노마드 코더] 1. 바닐라 JS로 게임 만들기 수강 완료! 2. ReactJS로 웹 서비스 만들기 #2.0 Creating your first React Component까지 수강 [배운 내용] cmd 명령어 "mkdir" 은 명령어 뒤에 디렉토리명을 적어 새로운 디렉토리를 생성해준다. // mkdir helloworld "cd" 원하는 디렉터리로 이동하는 동작을 한다. // cd helloworld "ls" 명령어로 하위 디렉토리명을 확인 가능하다. git 명령어 git init : Git 저장소를 만들어주는 명령어. 실행하면 현재 디렉터리를 Git 저장소로 만들어준다. // git init git remote : 변경 내용을 반영할 원격 저장소를 조작한다. 'git remote'로 원격 저장소의 이..
-
[TIL] 2020-03-04Trainings/이전 TIL 기록 2020. 3. 4. 23:23
[노마드 코더] 바닐라 JS로 게임 만들기 #2. 2 Recap! 까지 수강 [생활코딩] HTML - form 태그 복습 [프로그래머스 JS 강의] Callback Function 조건을 등록해 두고 그 조건을 만족한 경우, 나중에 호출되는 함수 setTimeout( function, time ) time 시간이 지난 경우 function 함수를 콜백하는 함수 time 은 millisecond (1/1000초) 단위 timerId를 반환함 clearTimeout( timerId ) setTimeout 함수 호출의 결과로 반환된 timerId를 인자로 받아 예약되어 있던 function호출을 취소 이미 function이 호출된 경우(시간이 지나 이벤트가 발생한 경우)에는 효과 없음 setInterval( ..