1. React란? React는 페이스북에서 2011년에 개발하고 제공하는 라이브러리다. 리액트의 데이터구조는 단방향 데이터 흐름을 가지고 있다. (리덕스) 리덕스는 인벤토리 저장소 같은 것이다. 리액트의 랜더링 리액트는 보여주는것에 집중된 라이브러리이다. 2. 가상돔 (1) 변화가 일어나면 변화된 버전의 가상돔으로 바꿔줌 - 데이터가 업데이트 되면 UI를 가상돔에 리랜더링 한다. (2) 변화전의 가상돔과 변화된 가상돔을 비교해서 바뀐 부분만 실제 돔에 리랜더링 적용한다. 3. 장점 (1) 일단 유명하고 많이 사용한다. -- 유명한 라이브러리 (2) 자바스크립트만으로 개발할때 보다 편하고 태그를 다루기 쉽다. (3) 재활용성이 높다. (4) 불편하게 태그 선택자를 사용할 일이 적다. (5) html과 j..

1. 문제 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 2. 풀이 (1) 첫번째 풀이 function solution(s) { var answer = ""; answer = s .toLowerCase() .split(" ") .map((v) => v.replace(/^./, v[0].toUpperCase())) .join(" "); return answer; } 런타임 에러 : replace가 런타임 에러를 일으킨거 같다. (2) 두번째 풀이 function solution(s) { var answer = ""; answer = s .toLowerCas..

1. 문자열 정수로 바꾸기 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(s) { var answer = 0; answer = +s; return answer; } 2. x만큼 간격있는 n개 숫자 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(x, n) { var answer = []; for (let i = 1; i 1) { num = nu..

1. 나머지 1되는 수 찾기 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(n) { var answer = 0; for (let i = 1; i < n; i++) { if (n % i == 1) { answer = i; break; } } return answer; } 2. 짝수와 홀수 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(num) ..

게시글을 쓸때 textarea의 value를 그대로 데이터베이스에 넣고 사용하게 되면 띄어쓰기와 개행(줄바꿈)이 제대로 먹지 않았고 ejs로 데이터를 받을때 에러가 났다. 이를 해결하기 위해서 textarea를 input으로 바꾸고 onchange 이벤트를 이용해 띄어쓰기는 줄바꿈은 \n 으로 처리했다. 글쓰기와 보기 둘은 해결했지만 수정하기에서 또 문제가 됐다. 글을 수정할때에는 같은 문자들을 innerHTML로 넣을수가 없어서 input이 아닌 div에 contenteditable속성을 넣어서 안의 내용을 수정할수 있게 했다. 데이터베이스를 보낼때에는 ajax로 div에 있는 부분만 따로 작동하게 했다.