프론트엔드 기초 독학법 (라매개발자)
① 백준 100 ~ 600문제 풀어라 -> PS
: 초보자가 백준 문제 푸는 법
1. 초보자가 자바스크립트로 백준 문제 입력 받는 법
/*
C = 5
testCase = [
{
N: 5,
arr: [50, 50, 70, 80, 100]
},
{
N: 7,
arr : [100, 95, 90, 80, 70, 50, 55]
}
...
]
*/ -①
function solution(C, testCase) {
} -②
- ① : 내가 입력을 어떻게 주면 문제를 풀 수 있을지에 대해 먼저 생각해보고 주석으로 남겨보는 것이다.
- ② : 미리 입력값을 정제해두고 우리는
function solution(...입력값) {}에서 문제를 풀자.
✳️ 즉, 일단은 적절한 입력을 만들어내는 것에 집중하는 것이다.
주어진 값을 우리가 쓰기 용이한 상태로 정제하는 것 또한 개발자의 역량이다.
/*
C = 5
testCase = [
{
N: 5,
arr: [50, 50, 70, 80, 100]
},
{
N: 7,
arr : [100, 95, 90, 80, 70, 50, 55]
}
...
]
*/
const fs = require('fs');
let input = fs.readFileSync('./input.txt').toString().split('\n');
console.log(input);
const C = +input[0];
console.log('C : ', C);
testCase = [];
for (let i = 1; i <= C; i++) {
const arr = input[i].split(' ').map((item) => +item);
console.log('arr : ', arr);
console.log('arr[0] : ', arr[0]);
const scoreList = [];
for (let i = 1; i < arr.length; i++) {
scoreList[i - 1] = arr[i];
}
console.log('scoreList : ', scoreList);
const eachCase = {
N: arr[0],
arr: scoreList
}
console.log('eachCase : ', eachCase);
testCase.push(eachCase);
}
console.log('testCase : ', testCase);
function solution(C, testCase) {
return answer;
}
solution(C, testCase);입력값을 잘 정제해서 매개변수에 넣어두었다.
이제 프로그래머스 문제 풀듯이 문제를 풀기만 하면 된다.
2. 내가 푼 문제가 아무리 생각해도 답이 맞는데 자꾸 틀렸다고 나올때
맞는데 왜 틀려?
➡️ Node.js 로 불가능한 문제들이 있다.
질문검색가서 Node.js로 풀 수 있나요? 찾아봐라 또는 구글에서 백준 문제 검색을 통해 Node.js로 가능한지 확인해봐라.
질문검색의 테스트케이스를 넣어서 맞다면 대강 맞는걸로 생각하고 넘어가자.
3. 블로그로 문제 검색했을 때 참고하는 법과 문제를 푸는 방법에 대해
초심자들은 그냥 막히면 답보고 이해하는 것이 효율적이다.
(구글에 백준문제 번호 + 자바스크립트) 라고 검색.
라매개발자 : 초보자가 자바스크립트로 백준 문제 푸는 법
② 생활코딩듣고 웹 앱 하나 만들어봐라.
③ Html css 는 코코아톡 강의 들어라.
④ 시중의 사이트 하나 클론 해보기.
⑤ Spa (싱글페이지 어플리케이션) 에 대한 이해를 위해
바닐라 자바 스크립트로 모바일 앱 같은 웹 앱을 하나 만들어 보기.
(뱅크셀러드)
⑥ 리액트 or 뷰 하나 선택해서 배워라
타입스크립트로 리엑트 개발하는 인프런 강의 수강
여기까지가 기초 끝
배운 기술들로 웹앱을 구현해보고 버그 만나면 고민, 신기술 적용해보고
