스파르타코딩클럽65 [리액트 React] 기초반 강의 5주차 정리 🔹 내 Git Hub 주소 : https://github.com/jennywoon/bucket_list 완료한 Git Hub 주소 올려놓았다. css 중간에 수정하지 않은 것들이 있어 색이나 디자인은 완벽하지 않지만 기능 구현을 해두었다. ✅ 리덕스에서 FireStore 데이터 가지고 놀기 👌 firestore 데이터를 리덕스 스토어에 넣으려면 : 미들웨어 설치! firestore에서 데이터를 가져올 때 비동기 통신을 한다. 리덕스에서 비동기 통신을 할 때 필요한 것은 미들웨어! 🔹 미들웨어란? 리덕스 데이터를 수정 : 액션이 디스패치 -> 리듀서에서 처리 미들웨어는 이 과정 사이에 미리 사전 작업을 할 수 있도록 하는 중간 다리이다. 미들웨어 : 액션이 일어나고 -> 미들웨어가 할 일 하기 -> 리듀서.. 2022. 8. 3. 항해99 23일차 TIL - 리액트 과제 완료! & README.md 작성법 & 오늘의 리마인드 ✅ 4주차 두번째 TodoList 리액트 과제 끝! ㅠㅠㅠ 드디어 완료!! 완벽하게 혼자 코드를 구현하라고 하면 여전히 어렵고 막막하지만, 같은 조원들과 함께 해결해 나가며 그래도 리덕스, 라우터를 사용하여 투두리스트 만들기를 완료했다! 🔹 내 github : https://github.com/jennywoon/Final-todolist 아주 깃헙에 새로 레포지토리 만들었다 지웠다 난리도 아니었지만, 결국 제출할 수 있는 파일이 생성된 것이 기뻤다. 마지막 미션은 README.md 작성! ✅ README.md 작성법 🔹 내 블로그 정리해둔 곳 : https://jenny0520.tistory.com/78 블로그에 정리해두었다! ✅ 오늘 리마인드한 것 1️⃣ 등가 비교 * [생활코딩] 입문자를 위한 자바스.. 2022. 8. 2. 항해99 3주차 WIL - CRA, styled-components, 라우터, 리덕스 + 리렌더링 조건 처음부터 패키지들이 모두 설치가 되어 있다면 좋을텐데, 리액트는 편하지만 아주 번거롭게도 계속 패키지 설치를 해주어야 한다. 내가 어떤 패키지를 사용할건지 익히면 그 패키지 설치를 반드시 해야한다는 것을 까먹지 않아야 하는데, 이제 막 배우고 시작하는 단계에서 패키지 설치를 까먹기도 하고 사용하는 순서가 헷갈리기도 해서 곤란하다 ㅠㅠ 많이 연습하다보면 늘거라고 믿으면서!! 손코딩 잊지 않기! 위축되지 않고 계속 연습하다보면 늘거라고 믿는다 ❤️ 이번 주 잘한 일!! 언어 스터디 팀을 구성했다🤗 나는 리액트를 주특기로 하고 있는데, 팀원 구성은 나와 리액트 한 분, 나머지 세 분은 스프링 주특기이다! O.O ;; 항해를 하면서 슬펐던 건, 나랑 같이 팀 프로젝트를 했던 분들이 거의 대부분 나가서 지금 몇 .. 2022. 7. 30. [도서] 1일 1로그 100일 완성 IT지식 #소프트웨어(18~26, 34~35) ✅ 소프트웨어 18번 : 알고리즘과 초콜릿 케이크 레시피 👌 소프트웨어란? 컴퓨터가 무언가 유용한 일을 하게 해주는 일련의 명령어 집합의 모임. 컴퓨터 소프트웨어는 컴퓨터 하드웨어의 반애 의미로, 컴퓨터 하드웨어는 해당 일을 실제로 수행하는 시스템이다. 쉽게 설명하자면 생명체를 하드웨어라고 가정한다면 그를 구성하는 유전자가 소프트웨어라고 생각할 수 있다. 👌 알고리즘이란? 수학과 컴퓨터 과학, 언어학 또는 엮인 분야에서 어떠한 문제를 해결하기 위해 정해진 일련의 절차이다. 계산을 실행하기 위한 단계적 절차를 의미하기도 한다. 즉, 문제 풀이에 필요한 계산 절차 또는 처리 과정의 순서를 뜻한다. 👌 알고리즘의 조건 🔹 입력(Input) : 알고리즘 수행에 필요한 자료가 외부에서 제공되어야 한다. 🔹 출력(.. 2022. 7. 30. [리액트 React] 숙련 학습 자료 정리 ✅ 컴포넌트 꾸미기(CSS-in-JS) 1️⃣ CSS-in-JS란? 단어 그대로 자바스크립트 코드로 CSS 코드를 작성하여 컴포넌트를 꾸미는 방식 새로운 패키지를 사용한다. 2️⃣ styled-components란? 리액트에서 CSS-in-JS 방식으로 컴포넌트를 꾸밀 수 있게 도와주는 패키지 👌 yarn add styled-components 👌 기본적인 사용법 SC의 기본적인 원리는 꾸미고자 하는 컴포넌트를 SC의 방식대로 먼저 만들고 그 안에 스타일 코드를 작성하는 방식으로 진행된다. * App.js import React from "react"; // styled-components에서 styled 라는 키워드를 import 한다. import styled from "styled-component.. 2022. 7. 29. [생활코딩] 입문자를 위한 자바스크립트 기초 강의 #자바스크립트 소개 # 자바스크립트 기초 초반 기초 내용은 사실 아는 내용들이지만, 천천히 정리해가면서 개념을 다져가고자 정리를 시작하려고 한다! 꾸준히 매일매일 공부하기👌 ✅ 자바스크립트란 - 자바스크립트는 프로그래밍 언어이다. - 자바스크립트는 주로 웹(웹사이트) 개발을 위해 사용한다. - 브라우저가 가진 기능을 실행 시키거나, 웹 페이지의 내용을 조작할 수 있다. ✅ 객체란 무엇일까 - 객체는 자바스크립트의 핵심 개념으로, 값 또는 기능을 가지고 있는 데이터이다. - 사용자는 자바스크립트 코드를 이용해 웹브라우저 객체에 접근할 수 있다. - 객체 뒤에 점을 찍으면, 객체가 가진 데이터가 기능을 사용할 수 있다. - 객체가 가진 기능을 '메소드'라고 한다. - 자바스크립트 문법에도 주석이 있다. 두 가지 방법으로 주석을 만들 수 있다 (//.. 2022. 7. 28. 이전 1 2 3 4 ··· 11 다음
