🏷️ 오늘 읽은 범위: 복습 QUIZ DAY 8에는 복습 퀴즈가 주어져서 헷갈렸던 문제가 무엇이었는지, 왜 헷갈렸는지 작성해보려고 합니다! 📖 프레임워크 (Framework) vs. 라이브러리 (Library) 프레임워크와 라이브러리에 관련한 내용은 책 에피소드 11에서 확인할 수 있다. 차이점을 내가 제어하는가, 제어 당하는가를 기준으로 설명하고 있는데, 누군가 정한 규칙에 따라 도구를 사용하고 있다면 프레임워크, 개발자가 도구에 대해서 모든 결정을 내리고 있다면 라이브러리이다. 여기서 헷갈렸던 이유는 스타일 라이브러리인 styled-components를 예로 생각했을 때, styled-components를 쓰려면 해당 공식 문서에 나온 방법을 따라 그 틀 안에서 사용해야하기 때문에 정한 규칙에 따라 ..
🏷️ 오늘 읽은 범위: Ep.22 ~ Ep.25 💡 책에서 기억하고 싶은 내용을 써보세요. EP.22 자료구조와 알고리즘 [🏷️132p-136p] "회사 면접을 잘 보려면 이걸 알아야해!” 취업을 위해서는 자료구조와 알고리즘을 공부해야한다는 말을 많이 보았다. 책에서는 자료구조와 알고리즘을 코드를 효율적인 코드, 속도가 빠른 코드로 만들기 위해 필요하다고 설명한다. 알고리즘 컴퓨터에게 내리는 지시 사항을 나열한 것. 우리가 집을 나설 때 도착지까지 빠르게 가는 방법을 찾는것처럼 알고리즘 중에서도 효율성이 좋은 알고리즘을 사용하면 컴퓨터의 처리속도가 빨라진다. 실생활에서는 지도 앱에서 목적지까지 빨리 가는 기능을 구현하기 위한 패스파인더(pathfinder) 알고리즘, PNG, JPG 파일과 같이 이미지를..
🏷️ 오늘 읽은 범위: Ep.16 ~ Ep.21 💡 책에서 기억하고 싶은 내용을 써보세요. EP.16 [🏷️96p-100p] 인터넷 익스플로러 v3.0 - CSS 최초 지원 v5.0 - Ajax 최초 지원 최신 기술을 가장 빨리 지원했었다. HTML을 이해하는 웹 HTML이란, 웹 사이트에 들어갈 텍스트, 그림 등을 표현하는 규약이다. HTML 표준안에 따라 태그를 사용해서 웹 브라우저를 개발하게 되는데, 이렇게 개발한 웹 브라우저의 핵심 프로그램을 브라우저 엔진 또는 렌더링 엔진이라고 한다. 엔진의 성능이 웹 브라우저의 성능을 결정한다. 즉, 엔진이 최신 표준안, 최신 기술을 지원한다면 최신 웹 브라우저가 되는 것과 같다. 인터넷 익스플로러의 서비스 종료 시장 점유율이 95%(2003년)인 것에 비해 ..
🏷️ 오늘 읽은 범위: Ep.11 ~ Ep.15 💡 책에서 기억하고 싶은 내용을 써보세요. EP.11 [🏷️70p-74p] 라이브러리와 프레임워크의 공통점 누군가 미리 작성해 놓은 코드이고, 개발 속도를 더 빠르게 만들어주는 도구 도구라고 칭하기는 하지만, 프로그램은 아니다. 라이브러리와 프레임워크의 차이점 내가 제어하는가, 제어당하는가? 개발자가 도구에 대해서 모든 결정을 내리고 있다면 라이브러리, 누군가 정한 규칙에 따라 도구를 사용하고 있다면 프레임워크. 라이브러리는 불러와서 사용하며, 다른 라이브러리로 대체해도 프로젝트의 구조가 무너지지 않는다. 프레임워크는 우리가 불러다가 쓸 수 없고, 프레임워크가 우리를 제어하여 프레임워크의 규칙을 따라서 사용해야 한다. 따라서, 프레임워크를 교체하려면 폴더 ..
🏷️ 오늘 읽은 범위: Ep.06 ~ Ep.10 💡 책에서 기억하고 싶은 내용을 써보세요. EP.06 [🏷️39p-43p] 훌륭한 개발자도 실수를 한다. 다만, 그들은 실수를 그냥 넘기지 않고 성장을 위한 발판으로 사용한다. 오류를 대응하는 3가지 방법 문제가 생겼을 때 나 자신을 문제에서 빼지 말 것. 코드가 동작하지 않는 이유는 코드를 입력한 나 자신 때문이라고 생각하며 시야를 더 넓게 가지기. 오류부터 고치려고 무작정 달려들지 말 것. 오류를 고치기 전에 오류가 왜 생겼는지 부터 알기. 원인을 찾고 이해해야 나중에 비슷한 상황에서 같은 실수를 반복하지 않는다. 오류 메시지를 읽을 것. 오류 메시지에는 오류가 발생한 위치와 원인, 오류를 고치는 방법이 적혀있기 떄문에 오류 메시지부터 읽는 습관을 기르..
🏷️ 오늘 읽은 범위: 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회차 강의는 두시간 정도 줌으로 진행되었다. 프론트엔드 개발자 직무에 대한 설명과 필요한 기술 스택, 실무에서 하게 되는 업무 등에 대해서 설명해주셨다. 프론트엔드 개발자가 화면에..