앞에서 component에 대해서 다루면서 component에 CSS를 입히는 방법에 대해서 같이 이야기했다. 이번에는 동적 할당에 대해서 알아보자. Component란 무엇일까? 앞서 React란 무엇인지 다뤘다. React란 무엇일까? React의 정의 React 공식 홈페이지에 따르면, 사용자의 인터페이스를 짓는 JavaScript library라고 설명한다. 문자 그대로 해석은 가능하지만 무언가 직접 coding-leaf.tistory.com How to set style Dynamically React로 만들어진 웹 앱들은 대체로 화려하다. 이는 사용자의 상호작용에 맞춰 페이지도 반응하기 때문인데, 이렇게 반응하기 위해서는 정적(static)으로 style을 입혀서는 안된다. 동적으로 style..
앞서 React란 무엇인지 다뤘다. React란 무엇일까? React의 정의 React 공식 홈페이지에 따르면, 사용자의 인터페이스를 짓는 JavaScript library라고 설명한다. 문자 그대로 해석은 가능하지만 무언가 직접적으로 와닫지 않는다. 그렇기에 React를 사용하 coding-leaf.tistory.com 굳이 React를 사용하지 않아도 어떤 웹사이트라도 구축할 수 있지만 더 복잡한 interface를 지닌 것을 구축할 때 React 같은 framework를 사용한다면 작업이 훨씬 수월해질 것이다. 사소한 문제들에 신경쓸 필요가 없으며, 오류도 덜 발생할 것이다. 그저 응용프로그램을 구성하고 핵심 비지니스 로직을 작성하는 것에 집중할 수 있을 것이다. 그것이 React와 같은 libra..
웹 서버라는 것은 무엇일까? 웹 서버는 간단히 말하자면 클라이언트(사용자)가 웹 브라우저를 통해 요청(request)한 페이지를 서버에서 반환(response)하는 것이다. 이 과정을 거치지 않는 환경은 로컬(인터넷이 연결되지 않아도 되는 환경)에서 돌아가는 환경이며, 흔히 html파일을 실행했을 때의 결과이다. 하지만 웹 서버를 사용하게 될 경우 그러한 파일을 불러온다 정도로만 이해하면 좋을 것 같다. 개발환경 설정 본격적인 프로젝트에 들어가기 앞서 우선 개발환경을 정리해둘 필요성이 있다. vscode라는 code editor를 설치해준다. vscode에서 가독성을 높이고 작업의 능률을 높이기 위해서 extensions을 설치해준다.(sftp, html snippets) SFTP : 서버의 소스를 vs..
