분류 전체보기 (35) 썸네일형 리스트형 백준 10171 node.js console.log('\\ /\\\n\ ) ( \')\n\ ( / )\n\ \\(__)|\n'); 고양이 줄맞추는 부분이 까다로웠다. 프로그래머스 음양더하기 제한사항 absolutes의 길이는 1 이상 1,000 이하입니다. absolutes의 모든 수는 각각 1 이상 1,000 이하입니다. signs의 길이는 absolutes의 길이와 같습니다. signs[i] 가 참이면 absolutes[i] 의 실제 정수가 양수임을, 그렇지 않으면 음수임을 의미합니다. 입출력 예 absolutessignsresult [4,7,12] [true,false,true] 9 [1,2,3] [false,false,true] 0 입출력 예 설명 입출력 예 #1 signs가 [true,false,true] 이므로, 실제 수들의 값은 각각 4, -7, 12입니다. 따라서 세 수의 합인 9를 return 해야 합니다. 입출력 예 #2 signs가 [false,false,true] 이므.. 프로그래머스 신규 아이디 생성 문제풀이 문제 출처: https://programmers.co.kr/learn/courses/30/lessons/72410 코딩테스트 연습 - 신규 아이디 추천 카카오에 입사한 신입 개발자 네오는 "카카오계정개발팀"에 배치되어, 카카오 서비스에 가입하는 유저들의 아이디를 생성하는 업무를 담당하게 되었습니다. "네오"에게 주어진 첫 업무는 새로 programmers.co.kr 내가 푼 문제풀이 function solution(new_id) { var answer = ""; new_id = new_id.toLowerCase(); new_id = new_id.replace(/[^a-z0-9-_.]/g, ""); // new_id = new_id.replace("..", "."); new_id = new_id.repla.. [러닝자바스크립트] 자바스크립트 개발 도구 러닝 자바 스크립트 기준으로 쓰여진 글입니다. Git: 개발 협력 버전 컨트롤 도구 Node: 브라우저 밖에서 자바스크립트를 실행할 수 있게하는 도구. Gulp: 반복적인 개발 작업 자동화하는 도구 Babel: ES6코드를 ES5코드로 변환하는 트랜스 컴파일러 ES린트: 자주 하는 실수를 피하기 위한 프로그램 ES6사용하기 자바스크립트의 장점은 어디서든 쓰인다는 것이다. 거의 항상 브라우저 스크립트 언어의 표준이엇고 노드의 등장으로 브라우저 바깥으로 영역을 확장하고 있다. ES6로의 트랜스 컴파일을 시작하기 전에 준비 작업이 있다. 터미널 명렁어 ls : 현재 디렉터리 파일 리스트 cd : 다른 디렉터리로 이동하는 명령 pwd: 현재 디렉터리 경로 출력 mkdir test: 현재 디렉터리에 서브 디렉터리.. 프로그래머스 위클리 챌린지 2 문제 설명 문제 출처: https://programmers.co.kr/learn/courses/30/lessons/83201 대학 교수인 당신은, 상호평가를 통하여 학생들이 제출한 과제물에 학점을 부여하려고 합니다. 아래는 0번부터 4번까지 번호가 매겨진 5명의 학생들이 자신과 다른 학생의 과제를 평가한 점수표입니다. No. 0 1 2 3 4 0 100 90 98 88 65 1 50 45 99 85 77 2 47 88 95 80 67 3 61 57 100 80 65 4 24 90 94 75 65 평균 45.5 81.25 97.2 81.6 67.8 학점 F B A B D 위의 점수표에서, i행 j열의 값은 i번 학생이 평가한 j번 학생의 과제 점수입니다. 0번 학생이 평가한 점수는 0번 행에담긴 [100,.. useEffect https://velog.io/@roum02/useEffect useEffect useEffect는 리액트 컴포넌트가 렌더링될 때마다 특정 작업을 수행하도록 설정할 수 있는 Hook이다. 클래스형 컴포넌트의 componentDidMount와 componentDidUpdate를 합친 형태로 보아도 무방하다. velog.io Hooks https://velog.io/@roum02/Hooks Hooks Hooks는 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 렌더링 직후 작업을 설정하는 useEffect 등의 기능을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 velog.io 라이프사이클 메서드 https://velog.io/@roum02/%EB%9D%BC%EC%9D%B4%ED%94%84%EC%82%AC%EC%9D%B4%ED%81%B4-%EB%A9%94%EC%84%9C%EB%93%9C 라이프사이클 메서드 컴포넌트의 수명은 페이지에 렌더링되기 전인 준비 과정에서 시작해 페이지에서 사라질 때 끝난다. 라이프사이클 메서드는 클래스형 컴포넌트에서만 가능하다.(함수형 컴포넌트에는 Hooks 기능 velog.io map(2) map함수를 응용하여 동적 배열 렌더링을 구현해보자. https://velog.io/@roum02/map2 map(2) 흐름은 다음과 같다.1) 초기 상태 설정2) 데이터 추가 기능 구현3) 데이터 제거 기능 구현3가지 useState 설정(1)데이터 배열(2)텍스트를 입력할 수 있는 input의 상태(3)데이터 배열에서 새로운 항목을 velog.io map 함수란? https://velog.io/@roum02/%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%EB%B0%98%EB%B3%B5 map 개발을 하면 반복 코드가 생기곤 한다. 이와 같은 코드는 관리의 측면에서 비효율적이며 낭비이다. 효율적으로 관리할 수 있는 방법을 알아보자. 자바스크립트 배열 객체의 내장 함수인 map함수 velog.io 이전 1 2 3 4 다음 목록 더보기
