오늘은 Solo Day로 개인적으로 추가 공부를 하는 날입니다! 평상시에 궁금했던 웹 구동 방식이나 컴퓨터 하드웨어에 대해 공부해보려고 합니다. 물론 개발자들한테는 코딩 실력이 제일 중요하겠지만, 컴퓨터 관련 전공자들에 비해 비전공자로서 부족한 부분이라고 생각되는 부분이 컴퓨터 관련 기본지식이라 생각했어요! 코딩 실력에 직접적인 영향이 있지는 않겠지만 그래도 내가 매일 쓰는 컴퓨터와 웹이 어떻게 작동하는지에 대해 기본적으로 아는 것이 나중에 좋은 백그라운드가 될 수 있겠다고 생각합니당 웹 구동 방식과 관련해서는 MDN 공식문서와 '비전공자를 위한 이해할 수 있는 IT 지식'을 참고해서 공부했습니다! How the Web works - Learn web development | MDN How the Web..

삼일간 나눠서 리액트 기초를 배웠습니다! 하루에 모든 내용을 배우지 않으니깐 배웠던 내용들이 유기적으로 연결이 되지 않는 것 같아서 주말에 마저 한번 쭉 훑어보려고 합니다. 게다가 담주에 HA있어서 이외의 내용들도 더 공부해야 할 것 같아요! 그래서 주말이...없어질 것 같습니다ㅠ 일단 오늘은 State와 Props에 대해 간단하게 정리해보겠습니다. 크게 보면 State는 변화하는 속성일 때 사용하고, Props는 변화하지 않는 속성일 때 사용합니다. State State의 장점으로는 데이터가 변경되면 HTML이 자동으로 재렌더링 됩니다. 즉, 새로고침 안해도 알아서 스무스하게 잘 렌더링이 됩니다. state 데이터를 관리하기 위해서는 useState라는 함수를 사용할 수 있습니다. import { us..

SPA SPA는 Single Page Application의 약자입니다. 말 그대로 페이지를 옮길 때 다른 새로운 페이지를 불러오는 것이 아니라 하나의(Single) 페이지 내에서 서버로부터 필요한 데이터만 받아서 해당하는 부분만 업데이트하는 페이지를 말합니다. 완전히 새로운 페이지를 불러오는 것이 아니라, 화면을 업데이트하기 위해 필요한 데 장점: 페이지 이동 시 변하는 부분만 로딩하면 되기 때문에 데이터 부하 걸릴 확률 낮습니다. 단점: 비어있는 HTML에 비해 JavaScript 파일은 무겁기 때문에 기다리는 시간으로 인해 로딩 시간 길어집니다. 또한 검색엔진 최적화에는 좋지 않다고 합니다. 우선 검색엔진의 작동방식에 대해 알아보자면 검색 로봇이 웹페이지의 정보를 수집 및 분석을 통해 결과값에 인덱..

Section 1의 마지막 과정 React에 들어갔습니다. 프로그래밍 경험 있으신 분들이 대부분 고차함수랑 React부분 어렵다고 하셨는데, 정말 React는 어려웠어요... 익숙해지면 오히려 HTML CSS DOM 따로 사용하는 것보다 훨씬 편할 것 같은데 아직은 손에 안익네요ㅠㅠㅠ 복습 마저 열심히 해야할 것 같습니다! 리엑트 (React) React는 프론트앤드 개발을 위한 JavaScript 오픈소스 라이브러리입니다. 크게 3가지 특징이 있습니다. 1. 선언형: JSX를 활용해서 선언형 프로그래밍을 지향합니다. HTML CSS JS로 나눠 적는 것과 달리 하나의 파일에 명시적으로 작성할 수 있는 장점이 있습니다. 2. 컴포넌트 기반: 컴포넌트로 분리하면 서로 독립적이고 재사용 가능하기 때문에, 기..

오늘은 고차함수를 배웠습니다. 배우면서 클로저와 비슷하다는 느낌을 많이 받았습니다. Java Script에서의 함수는 일급객체입니다. 여기서 일급객체(first-class citizen)는 특별한 대우를 받는 개체로서 조건은 다음과 같습니다. 변수나 데이터 구조안에 담을 수 있다. 파라미터로 전달 할 수 있다. 리턴 값으로 사용할 수 있다. 여기서 다른 함수(caller)의 인자(argument)로 전달되는 함수를 콜백 함수(callback function)라고 합니다. 자바스크립트에는 기본적으로 내장된 고차함수가 여럿 있습니다. 그중에서 일부는 배열 메소드들이 있습니다. 오늘 코플릿을 할 때는 주로 filter, map, reduce 를 사용했습니다. 블로깅 끝나고 아래와 같은 함수들 추가적으로 더 해..

오늘은 유효성 검사 페이지 마저 완성하고, 이벤트 객체에 대해 배웠습니다. 주말에 살짝 1주차에 배운 코플릿 내용 복습하고, 페어분이랑 함께 두시간 정도 시간을 더 내서 이 사이트를 완성해보았어요! 일단 Bare Minimum 이상으로 더 많은 것들을 해냈기에 만족스럽습니다. 그래도 항상 기본기가 다져지도록 주의하며 공부해보겠습니다. 아래와 같이 꾸며 보았습니다. 디즈니를 좋아해서 이렇게 만들어보았어요! 나름 동영상, 애니메이션, Flexbox, Validation Check 등 여러가지를 넣어보았습니다. 이러한 홈페이지를 만들기 위해서는 HTML, CSS, DOM 이 필요합니다. 물론 제대로 된 기능을 구현하려면 더 많은 것들이 필요하겠지만 보이는 것만으로 봤을 때는 얼추 갖출 수 있었습니다. 이번에는..