개발일기23 [TIL] 03.03 리액트로 단위변환기 만들어보기 리액트로 단위변환기를 만들어 보려고 한다! 먼저 기본 구조를 잡아주려고 다음과 같은 코드를 작성했다. function App() { return ( Super Converter ); }; 이어서 label 태그를 생성하여 input 태그와 id를 연결시켜준다 여기서 주의할 점은 JSX 에서는 HTML, JS 에서 사용되는 단어가 조금 다르다 예를 들면 아래의 코드처럼 label for은 label htmlFor로 이 외에도 class 네임을 지정할 때는 className 으로 설정해준다. function App() { return ( Super Converter Minutes Hours ); }; useState는 array를 제공한다 그리고 그 첫번째 element 가 첫번째 값이 된다. 두번째 ele.. 2022. 3. 4. [Javascript] 자바스크립트 프레임워크(Framework) Framework란? 프레임워크란 간단하게 설명하면 프로그램의 기본 구조(뼈대)라고 말할 수 있다. 즉 프레임워크는 개발자가 원하는 기능 구현에만 집중하여 빠른 속도로 개발할 수 있도록 기본적으로 필요한 기능을 갖추고 있는 것을 말한다. 물론 프레임워크만으로는 실행되지 않으며 기본 구조에 여러가지 기능을 추가해야하며, 프레임워크에 의존하고, 프레임 워크가 정의한 규칙에 따라 개발해야 한다. 2021.05 Stackoverflow 웹 프레임워크 순위 JS Framework 자바스크립트 프레임워크는 말그대로 프론트엔드 개발에 쓰이는 자바스크립트 언어를 프레임워크화해서 개발 차원에서의 효율성과 사용자 환경(UI)의 편의성을 높이고자 하는 목적으로 개발되었다. 자바스크립트 프레임워크는 HTML, CSS를 포함한.. 2022. 2. 14. [노마드 코더] - 리액트(ReactJS) 강의를 시작하다 오늘부터 리액트 공부를 시작했다. 수많은 인강들중에 어떤 강의를 통해 입문하는 것이 제일 좋을까 고민했지만 많은 동료들의 추천으로 노마드 코더 강의를 듣기로 결정하였다. 노마드 코더 Nomad Coders 코딩은 진짜를 만들어보는거야!. 실제 구현되어 있는 서비스를 한땀 한땀 따라 만들면서 코딩을 배우세요! nomadcoders.co 내가 생각하는 니꼴라스 쌤 강의의 가장 큰 장점은 어떤 강의보다도 기능의 원리를 쉽게 풀어내주는 교수스킬을 가지고 계신 것 같다. 음...예를 들자면 리액트의 역사, 왜 중요한지 부터 시작해 현 개발자들이 쓰는 스킬들도 매우 중요하지만, 무엇보다 그 스킬들이 나오기 까지의 원리들을 이해하고 넘어가니 개념을 확실히 짚고 넘어 갈 수 있게 되는 것 같다. 개인적으로 나는 무엇이.. 2022. 2. 7. 이전 1 ··· 3 4 5 6 다음
