분류 전체보기(137)
-
코딩앙마 React JS crate-react-app
리엑트 프로젝트 create 하는 법 C:\Users\gahyu\OneDrive\바탕 화면\sparta\React>npx create-react-app voca(프로젝트명) 페이지 여는법 (프로젝트 경로에서) npm start 구성 살펴보기 node_modules 폴더 삭제하면 작동안됨 그래도 package.json 파일만 그대로라면 npm install 명령어로 다시 설치할 수 있기때문에 git에 업로드 할 때는 크기가 큰 node_modules 파일은 빼고 업로드해준다. public 폴더 index.html이 존재한다 여기서 리액트 코드로 실행되어서 만들어진 DOM이 구현된다 src 폴더 대부분에 작업은 이 안에서 진행된다 app.js에서 기능을 구현한다. 기능을 구현하고 저장하면 바로 반영이 되는데..
2022.01.22 -
리액트 기초반 1주차(2)
JavaScript Array 내장함수 - map 배열에 속한 항목을 변환할 때 사용 어떤 배열에 속한 항목을 원하는 대로 변환하고, 변환한 값을 새로운 배열로 만들어줌 콜백함수를 배열의 길이만큼 반복해줌 원본 배열은 변하지 않는다. const array_num = [0, 1, 2, 3, 4, 5]; // 파라미터는 배열의 요소들(하나하나 들어옴) const new_array = array_num.map((array_item) =>{ return array_item + 1; // 요소요소들에 +1을 해줌 }); // 새 배열의 값은 원본 배열 원소에 +1 한 값입니다. console.log(new_array); // 원본 배열은 그대로 있죠! console.log(array_num); for문 -> ma..
2022.01.22 -
리액트 기초반 1주차(1)
** vscode 정렬 alt + shift + f DOM - 문서 객체 모델, html 단위 하나하나를 객체로 생각하는 모델. 트리구조라는 뜻! - dom tree는 콘솔에서 확인 할 수 있다 - MDN문서: https://developer.mozilla.org/ko/docs/Web/API/Document Document - Web API | MDN Document 인터페이스는 브라우저가 불러온 웹 페이지를 나타내며, 페이지 콘텐츠(DOM 트리)의 진입점 역할을 수행합니다. developer.mozilla.org CSS 그리드 시스템 display: block; 넓이가 가로하나를 꽉 채우는 default 속성 display: flex; 영역을 유동적으로 바꿔주는 것. content의 실제 넓이 만큼만 ..
2022.01.22 -
전화번호 양식 알고리즘 문제 풀이 자바스크립트
전화번호 양식 function solution(phone){ let result="" // 입력된 string을 substring함수로 앞부터 숫자 두개, 네개, 네개 순으로 자른다 let result1 = phone.substring(0, 2); let result2 = phone.substring(2, 6); let result3 = phone.substring(6); //result1에 "010"을 할당해준다 result1 = "010"; // result1, result2, result3 사이에 "-"를 넣어 리턴해준다 result = result1 + "-" + result2 + "-" + result3 return result; } console.log(solution("1062509911"))
2022.01.20 -
프로그래머스 정수 제곱근 판별 자바스크립트
수도 코딩 1
2022.01.20 -
프로그래머스 정수 내림차순으로 배치하기 자바스크립트
수도 코딩 n을 toString으로 문자열로 바꾼다 split으로 잘라서 배열로 만들어줌 .split("") .sort((a, b) => b - a)로 내림차순 정렬 문자열 상태로 합친 후에 배열 안의 요소 다시 number로 바꿔주기 나의 풀이 function solution(n) { var answer = 0; let s = n.toString(); let spl = s.split("") let srt = spl.sort((a, b) => b - a); let result = []; for(let i=0; i < srt.length; i++) { result += srt[i] } answer = Number(result); return answer; } // console.log(solution(12..
2022.01.20