업로드중..1\. 데브코스 강의를 제외하고 리액트 공부 하고 기록하기2차 팀과 리액트 스터디를 결성하여 리액트 공식 문서를 읽어 보기로 했다. tic-tac-toe 게임을 만들면서 리액트를 공부했었는데... 의지부족으로 중간까지만 만들다가 9월이 되어버렸다. 2\. 포

리액트 앱은 컴포넌트로 만들어진다. 컴포넌트란 UI의 일부를 의미하고, 마크업을 반환하는 자바스크립트 함수이다. 위와 같이 컴포넌트는 대문자로 시작해야 한다. 위와 같이 다른 컴포넌트에 중첩하여 사용할 수 있다. JSX란?위와 같은 마크업 문법을 JSX라고 한다. JS

죄송합니다. 잘못했습니다... 우선 반성하게 되는 7월이다. 6월 회고를 쓸 당시 세운 목표는 다음과 같다. 1\. TodoList 수정기능까지 구현하기 ❌: 굳이 핑계를 대보자면 매주 과제의 연속이었다. 노션 프로젝트가 끝난 후 VanillaJS 두 번째 과제: 컴포

팀원 중 한 분이 '프로그래머의 뇌'라는 책을 빌려주셨다. 계속 '프로그래머스의 뇌'라고 말하게 되는 머쓱한 책.짧은 책이라 가볍게 생각했지만, 은근 인상 깊은 부분이 많아서 정리해보았다. 이 책은 프로그래머들이 개발을 하면서 마주치는 여러 어려움들을 인지과학 측면으로

빈폴더 -> 터미널 -> npm으로 프로젝트를 만든다. npm init -y : package.json 파일 만들기npm i -D typescript : typescript 설치하기src 폴더 안에 main.ts 파일 생성typescript 엄격 모드 적용하기root

이걸 보고 정리했습니다!생활코딩 CSS : 이 영상들을 보고 글을 썼습니다.https://opentutorials.org/course/2418편집 디자인에서 이미지를 삽화로 삽입할 때 사용하는 기법, 레이아웃을 잡을 때도 사용하는 기능이다. 수평정렬 레이아웃.

이걸 보고 정리했습니다!생활코딩 CSS : 이 영상들을 보고 글을 썼습니다.https://opentutorials.org/course/2418media query는 화면의 종류와 크기에 따라서 디자인을 달리 줄 수 있는 CSS의 기능. 반응형 디자인의 핵심 기

출처 이걸 보고 정리했습니다! 생활코딩 CSS : 이 영상들을 보고 글을 썼습니다. https://opentutorials.org/course/2418 flex 각 요소들을 수평 혹은 수직으로 정렬할 수 있는 레이아웃. 이때, 하나의 축만 사용하므로 1차원 레이아웃이

조화 HTML은 중첩된 구조를 갖고 있기 때문에 하나의 엘리먼트가 다양한 요소의 영향을 받게 된다. 따라서 여러 효과 중 어떤 효과를 엘리먼트에 적용해야할지 결정하기 위해 규칙들이 존재한다. 상속 상속은 부모 엘리먼트의 속성을 자식 엘리먼트가 물려 받는 것을 의미함.

VanillaJS를 처음 배우고, 무언갈 제대로 구현해보는 첫 번째 개인 프로젝트였다. 팀원들, 멘토님 코드리뷰도 끝난 뒤 리팩토링을 하기 전 써보는 프로젝트 회고글기능별로 커밋을 작성하여 작업했던 내역을 쉽게 돌아다닐 수 있었던 점강의에서 배운 것을 넘어선 포맷으로

삼주 전에 팀원들의 피드백을 코드에 다 반영하고 리팩토링도 다 하였다. 물론, 리팩토링을 했음에도 불구하고 멘토님이 강조하셨던 컴포넌트/함수의역할에 따라 구분 짓는 건 부족하다. 왜냐면 아직도 머리로만 알기 때문!내가 주로 받은 피드백은 다음과 같다. 반복되는 코드는

벌써 프로그래머스 데브코스(프론트엔드)를 시작한 지 한 달이 지났다. 대견하게도 아직까진 마음이 풀어지지 않고 정진하고자 하는 욕구가 더 강한 것 같다. 6개월짜리 부트캠프가 굉장히 길다고 생각했는데 벌써 1/6이 지났다는 사실이 믿기지 않는다. 지금에 와서 돌이켜

🧑‍💻 바닐라 JS로 투두리스트 만들기 모르는 메서드들을 공부하기에 앞서, 투두리스트를 만들 때 어떤 식으로 구조를 구성했는지 확인해보자. main App Header TodoForm TodoList TodoCount main에

데브코스 3주차 과제로 바닐라 JS로 TodoList만들기가 주어졌다. 바닐라 JS라는 제목을 달고 있는 강의도 들었는데, 바닐라 JS가 뭔지 가르쳐주진 않는다. 그래서 바닐라 JS가 뭔데욥...? 하는 생각에 찾아 보는 글 Vanilla JS 란? 외부 라이브러리나

https://school.programmers.co.kr/learn/courses/30/lessons/42748commands를 순회하면서 array를 slice로 잘라야지. splice가 아닌 slice를 고른 이유는1\. 주어진 commands가 n번째에

컴퓨터가 수행할 명령들을 순서대로 써 놓은 것.어떻게 구현하는가를 디테일하게 기술하는 것에 집중되어 있다. 무엇을 할 것인지에 집중되어 있다. 대표적인 선언형 프로그래밍은 HTML, SQL 등이 있다. 이해가 잘 안 되는군요...어떻게 처리하는지에 대한 묘사가 중점적으

https://school.programmers.co.kr/learn/courses/30/lessons/147355문자열 t를 돌면서 p의 길이만큼 문자열을 분리해주고, 분리된 문자열들을 p와 값 비교해야지. 쉽네!그러나 쉽지만은 않았다. 아이디어는 쉬웠으나

https://school.programmers.co.kr/learn/courses/30/lessons/86491명함은 돌려서 넣을 수 있으므로 가로/세로가 고정된 것이 아니다. 그니까 한 명함의 가로세로 길이를 정렬한 뒤에, 정렬된 2차 배열들의 들과 의 최

이걸 보고 정리했습니다!생활코딩 CSS : 이 영상들을 보고 글을 썼습니다.https://opentutorials.org/course/2418웹페이지를 꾸며주는 언어 어떤 태그를 디자인하기 위해서는 디자인하려는 태그를 1\. 선택하고(선택자)2\. 선택한 대상

모든 경우의 수를 탐색하는 알고리즘으로, DFS/BSF를 이용할 수 있다. 가지치기 : 탐색하지 않아도 되는 곳을 미리 쳐내는 것DFS/BSF는 많은 경우에 사용이 되므로 외워두는 것이 좋다. 모든 경우의 수를 찾을 수 있도록 코딩하고, 문제에서 특정한 조건을 만족하는