문제 설명 단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다. 재한사항 s는 길이가 1 이상, 100이하인 스트링입니다. 입출력 예 "abcde" "c" "qwer" "we" 나의 풀이 function solution(s) { let strLength = s.length; let str = Math.round(s.length / 2) - 1; if(strLength % 2 == 0 ) { return s.slice(str, str+2) } else { return s.slice(str, str+1) } } 이번 풀이는 사실 구글링을 많이해서 풀긴했는데, slice로 앞뒤로 문자를 잘라 중간에만 남도록 하는 것인데 Math.r..

[level 1] 짝수와 홀수 문제 설명 정수 num이 짝수일 경우 "Even"을 반환하고 홀수인 경우 "Odd"를 반환하는 함수, solution을 완성해주세요. 제한 조건 num은 int 범위의 정수입니다. 0은 짝수입니다. 입출력 예 numreturn num return 3 "Odd" 4 "Even" 나의 풀이 function solution(num) { if(num % 2 == 0) { return 'Even'; } else { return 'Odd'; } } 이 문제는 매우 간단한 문제였다. 나눠서 나머지가 0이 되는 것은 짝수 그렇지 않으면 홀수라는 if문을 사용하여 문제를 해결했다. 다른 사람 풀이 function evenOrOdd(num) { let result = ''; if(num%2=..

[level 1] 직사각형 별찍기 문제 설명 이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. 제한 조건 n과 m은 각각 1000 이하인 자연수입니다. 예시 입력 5 3 출력 ***** ***** ***** 내가 푼 방식 process.stdin.setEncoding('utf8'); process.stdin.on('data', data => { const n = data.split(""); const a = Number(n[0]), b = Number(n[1]); for(let n = 0; n < 5; n++) { for(let m = 0; n < 3; m++) { console.log('*'.re..

1. MVC, MVW, MVVM / 리액트의 개발 Angular, backbone.js, Derby.js, Ember.js, Ext.js, Knockback.js, Sammy.js, PureMVC, Vue.js 에는 많은 프레임워크가 존재하는데, MVC(model-View-Controller)아키텍처, MVVM(Model-View-View-Model)아키텍처를 사용한다. AngularJS의 경우 MVW(Model-View-Whatever) 아키텍처로 애플리케이션을 구조화함. MVC, MVVM, MVW 등과 같은 여러 구조가 지닌 공통점은 모델(Model)과 뷰(View)가 있다는 점이다. 모델 : 애플리케이션에[서 사용하는 데이터를 관리하는 영역 View : 사용자에게 보이는 부분이다. 프로그램이 사용자..

5강 버튼에 기능개발을 해보자 & 리액트 state 변경하는 법 1개의 state안에 여러가지 자료를 넣고싶다면 array형식으로 만들어서 사용 아래와 같이 만들어서 사용함 let post = '강남 우동 맛집' let [글제목, b] = useState(['남자 코트 추천', '강남 우동맛집', '파이썬 독학']); 이 자료를 뽑고 싶을 때는 아래와 같이 인덱스 입력하여 사용 return ( ReactBlog { 글제목[0] } 2월 17일 발행 { 글제목[1] } 2월 17일 발행 { 글제목[2] } 2월 17일 발행 터미널을 실행해보면 빨간색 error랑 warning 이렇게 두가지가 나오는데 빨간색의 경우는 중요한 거라서 해결해야함 노란색의 경우는 무시해도 됨. 노란색이 좀 지우고싶다. /* es..

2강. 리액트 설치와 개발환경 셋팅 리액트 파일 만들 때는 폴더를 하나 만든 후 폴더 우클릭 후 터미널로 열기(맥북기준) npx create-react-app blog(blog에 파일명 입력) 리액트 처음 시작할 때 (미리보기) → npm start 왜 설치를 했는가 ? html에도 직접 리액트 설치할 수 있는데 create react app 라이브러리를 사용해서 도움을 받음 사용하려면 npm이 필요해서 node.js 설치해야함 폴더 생성 후 폴더 열기하면 파일 안에 node_modules 폴더 : 라이브러리 보관함 public 폴더 : static 파일(html, 이미지파일 등 보관할 때) src 폴더 : 코드 짜는 곳 - 소스 코드보관함 app.js가 메인페이지 app.js → html app.js ..