🏷️ 오늘 읽은 범위: Ep.01 ~ Ep.05 💡 책에서 기억하고 싶은 내용을 써보세요. [🏷️18p] 끈기와 근면 성실함은 재능을 이길 수 있다. [🏷️17p] 좋은 개발자는 개발 과정을 잘 이해해서 문제를 해결하는 방법을 찾아나가야 한다. [🏷️26p] 새로운 프로그래밍 언어를 배우는 것은 언어에 담긴 철학, 코드 구조, 개념, 패턴 등을 배우는 것이다. [🏷️26p] 새 언어를 시도할 때 너무 어려운 과제를 수행하려하지 말 것. 새 언어를 습득하는 것과 어려운 과제를 수행하는 두 가지의 과제로 늘어나게 된다. 🤔 오늘 읽은 소감은? 떠오르는 생각을 가볍게 적어보세요. [ 피할 수 없으면 즐겨라 ] 프로그래밍 언어를 배우려고 할 때 어려운 부분은 항상 나중으로 미루게 되는 경험이 있었다. 개념을 외..
2주 차에는 라우팅, 스타일을 적용하는 과제가 주어졌다. 과제를 수행하면서 알아갔던 개념들을 정리해보려 한다. ✍️ 2주차 과제 내용 라우팅 적용하기 styled-components 라이브러리를 활용하여 디자인 적용하기 라우팅이란? 라우팅이란 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것이다. 예를 들어, 쇼핑몰 애플리케이션은 장바구니, 마이페이지, 상품 상세 등 여러 페이지들이 존재한다. 페이지별로 컴포넌트들을 분리해 가면서 프로젝트를 관리하기 위해 필요한 것이 라우팅 시스템이다. 리액트에서는 주로 리액트 라우터(React Router)를 사용하여 라우팅을 구현한다. 📃 React Router 설명 리액트 라우터를 사용하면 *싱글 페이지 애플리케이션(SPA, Single Pag..
parseInt(string, radix) parseInt() 함수는 문자열 인자를 파싱하여 특정 진수의 정수를 반환한다. 이게 무슨 말인고 하니 첫 번째 인자로 오는 값을 두 번째 인자인 진법으로 해석하고 정수(10진수)로 나타낸다. 매개변수 string 파싱할 값. 문자열이 아닐 경우 ToString 추상 연산을 사용해서 문자열로 변환한다. radix (optional) string 의 진수를 나타내는 2부터 36까지의 정수. Number 자료형이 아닌 경우 Number로 변환한다. string 매개변수로 받는 첫 번째 값을 문자열로 변환하고 그 값을 파싱하여 정수나 NaN으로 반환한다. 코드 아래의 코드는 모두 15 를 반환한다. parseInt('0xF', 16) parseInt('F', 1..
우연히 학교에서 코멘토와 제휴를 맺어서 참여비를 지원해준다는 공지를 보고 냉큼 신청해서 직무부트캠프에 참여하게 되었다. 이번에는 1회차 때 실습한 내용에 대해 회고를 진행해보려한다. 직무 부트캠프? 그게 뭐야? 현직자가 멘토가 되어 직무를 소개하고, 실제 현업과 유사한 실무 과제를 수행하는 것이다. 캠프마다 상세 일정이 다른데 내가 신청한 캠프는 총 5주동안 진행되고, 4차례에 걸쳐 과제를 수행한다. 매 과제 수행마다 멘토에게 피드백을 받을 수 있고, 별도로 과제를 수행할 때 1:1 피드백이 가능했다. 1회차 강의 진행 내용 1회차 강의는 두시간 정도 줌으로 진행되었다. 프론트엔드 개발자 직무에 대한 설명과 필요한 기술 스택, 실무에서 하게 되는 업무 등에 대해서 설명해주셨다. 프론트엔드 개발자가 화면에..
| 에러 발생 과정 .js 파일에서 export 키워드를 사용하니 SyntaxError: Unexpected token 'export' 에러가 발생했다. ESLint를 사용하면 친절하게 해결 방법에 대해서 알려준다. Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension. ES 모듈인 export를 사용하려면 package.json에 type: module을 사용하거나, .mjs 확장자를 이용해야 한다. | .mjs가 뭔데? script 태그에 type="module" 어트리뷰트를 사용하게 되면 로드된 자바스크립트 파일은 모듈로서 동작하게 된다. ES6 모듈의 파일 확장자는 모듈임을 명..
Link 1463번: 1로 만들기 첫째 줄에 1보다 크거나 같고, 106보다 작거나 같은 정수 N이 주어진다. www.acmicpc.net 문제 정수 X에 사용할 수 있는 연산은 다음과 같이 세 가지 이다.X가 3으로 나누어 떨어지면, 3으로 나눈다.X가 2로 나누어 떨어지면, 2로 나눈다.1을 뺀다.정수 N이 주어졌을 때, 위와 같은 연산 세 개를 적절히 사용해서 1을 만들려고 한다. 연산을 사용하는 횟수의 최솟값을 출력하시오. 입력 > 첫째 줄에 1보다 크거나 같고, 106보다 작거나 같은 정수 N이 주어진다. 출력 >첫째 줄에 연산을 하는 횟수의 최솟값을 출력한다. | 예제 입력 1 2 | 예제 출력 1 1 | 예제 입력 2 10 | 예제 출력 2 3 제출 const fs = require("fs"..
Link 10992번: 별 찍기 - 17 첫째 줄부터 N번째 줄까지 차례대로 별을 출력한다. www.acmicpc.net 문제 예제를 보고 규칙을 유추한 뒤에 별을 찍어 보세요. 입력 > 첫째 줄에 N(1 ≤ N ≤ 100)이 주어진다. 출력 >첫째 줄부터 N번째 줄까지 차례대로 별을 출력한다. | 예제 입력 1 1 | 예제 출력 1 * | 예제 입력 2 2 | 예제 출력 2 * *** | 예제 입력 3 3 | 예제 출력 3 * * * ***** 제출 const fs = require("fs"); const input = Number( process.platform === "linux" ? fs.readFileSync("/dev/stdin").toString() : `4` ); let answer = "..
Link 10991번: 별 찍기 - 16 예제를 보고 규칙을 유추한 뒤에 별을 찍어 보세요. www.acmicpc.net 문제 예제를 보고 규칙을 유추한 뒤에 별을 찍어 보세요. 입력 > 첫째 줄에 N(1 ≤ N ≤ 100)이 주어진다. 출력 > 첫째 줄부터 N번째 줄까지 차례대로 별을 출력한다. | 예제 입력 1 3 | 예제 출력 1 * * * * * * | 예제 입력 2 4 | 예제 출력 2 * * * * * * * * * * 제출 // Solution 1 const fs = require("fs"); const input = Number( process.platform === "linux" ? fs.readFileSync("/dev/stdin").toString() : `4` ); let blank..
Link 2446번: 별 찍기 - 9 첫째 줄부터 2×N-1번째 줄까지 차례대로 별을 출력한다. www.acmicpc.net 문제 예제를 보고 규칙을 유추한 뒤에 별을 찍어 보세요. 입력 > 첫째 줄에 N(1 ≤ N ≤ 100)이 주어진다. 출력 > 첫째 줄부터 2×N-1번째 줄까지 차례대로 별을 출력한다. | 예제 입력 5 | 예제 출력 ********* ******* ***** *** * *** ***** ******* ********* 제출 const fs = require("fs"); const input = Number( process.platform === "linux" ? fs.readFileSync("/dev/stdin").toString() : `5` ); let result = []; ..