📚 성장을 위한 기록저장소 입니다.

공부를 하면서 중요한 사실을 놓치고 있었다는 것을 깨달았다... 정보성 글은 내가 학습을 하면서 어떤 고민을 하고 마주했던 문제들을 어떤 식으로 해결해 나갔는지 하나도 보여줄 수 없다는 것이다. 평소에 개발공부를 하면서 여러 가지 개발에 관련된 언어, 기술 등을 학습하고 그것들을 잘 정리해서 블로그에 작성해 놓으면, 개인 복습에도 도움이 되고, 나중에 다른 사람들에게도 도움이 되고 이런 것들이 내 어필포인트? 가 될 수 있겠구나 생각했다. 하지만, 뭔가 느낌이 찜찜했다. 그리고 그 정답을 커리어 관련 강의를 듣고, 질의응답에서 찾았다! 너무나도 당연한 것이 이미 내 글보다 매우 잘 정리되어 있고 콘텐츠의 양도 훨씬 많은 블로그나 사이트들이 넘쳐난다. 어느 누구나 검색해서 찾아볼 수 있는 내용들은 그저 하..

리엑트는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리이다. 웹브라우저를 만들때 HTML, CSS, JS로 다 만들 수 있지만, 코드가 복잡해지면서 생산성이 떨어진다. 이때, React를 이용하면 단순하고 간결하게 코드를 만들 수 있다. 먼저, 경험을 하고 싶다면, React 사이트에서 온라인 플레이그라운드로 소개하고 있는 stackblitz.com으로 들어가 사용해 보자. React (forked) - StackBlitz 온라인에서 간단히 살펴봤다면 지금부터, 개인 로컬 컴퓨터에서 개발환경을 세팅해 보자!🔥 Node.js 설치를 해야 한다. https://nodejs.org/ko/download 사이트에서 최신 LTS를 다운로드한다. vscode를 열고 프로젝트를 실행할 폴더를 열자(혹..

우리가 보통 프런트엔드 분야에 입문하여, 코딩을 배우기 시작하면 HTML, CSS, JavaScript 이 삼대장을 무조건 배우고 넘어간다. 여기서!!! JS은 무엇인지 지금까지 내가 학습하고 경험 한 내용을 정리해 보겠다. JavaScript 란? 웹 페이지를 만들때 복잡한 기능을 구현할 수 있도록 하는 스크립팅 언어이다. 컴파일이 필요 없는 인터프리터 언어이며, 웹을 풍성하고 동적으로 만들어 주는 역할을 한다. 예를 들어, 웹으로 계산기를 만들 때 HTML과 CSS로 계산기의 구성요소와 디자인을 만들어주고 끝이 난다면, 사용자가 원하는 계산을 위해 버튼을 클릭했을 때 아무런 반응도 일어나지 않고 그저 이쁜 껍데기일 뿐이다, 이럴 때 JavaScript 를 이용하여 계산기의 계산기능을 구현할 수 있다!..

답은 '시간'이다... 시간은 누구에게나 일정한 흐름으로 흐르겠지만, 나는 왜 시간이 2배속으로 지나는 것처럼 느껴질까ㅎㅎ 마지막으로 블로그에 글을 올린 지 벌써 한 달이라니... 콘텐츠 정리 후 올리겠다는 생각이 한 달을 미루게 했다 한 달 동안 쌓인 콘텐츠를 이 글을 시작으로 꾸준히 올리겠다는 다짐으로 이 글을 작성한다. JavaScript DOM Promise/Then React 기초 Git 정리버전 알고리즘 문풀 내일부터 하나씩 올리자!!!!

CSS : HTML로 작성한 문서에 스타일과 디자인을 입혀주는 기능을 제공하는 언어! 기본적인 구조: -선택자 : HTML에서 어떤 태그 (부분)에 디자인 기능을 적용할지 잡아오는 기능. -속성 : 어떤 디자인 기능을 쓸 것인가? -속성값 : 디자인 기능 중 구체적으로 어떤 것을 수행할지 명령. 꼭 뒤에 (;) 입력해야 함. h2 { # 선택자 font-size: 1.5em; # 속성과 속성값 margin-top: 10px; margin-bottom: 0px; } CSS를 적용하는 방법! CSS를 HTML에 적용하는 방법은 크게 세가지 정도가 있다~! 인라인 스타일 : HTML 태그 안에 인라인 속성으로 넣어주는 방법 이터널 스타일 : HTML에서 태그 이용해서 적용시켜 주는 방법 익스터널 스타일 : C..