매일매일 기록(하려)하는 데이터분석 TIL

Truthy & Falsy 자바스크립트가 자신만의 기준으로 boolean이 아니여도 TRUE, FLASE 값을 반환 let a = [] if (a) { console.log("TRUE"); } else { console.log("FALSE") } //결과: TRUE let a = undefined if (a) { console.log("TRUE"); } else { console.log("FALSE") } //결과 : FALSE Truthy: 참이 아니여도 true 반환. 참 같은 값 TRUE: [ ], { }, "string", 10, Infinity FALSE: null, undefined, 0, -0, NaN ('숫자가 아니다'), "" const getName = (person) => { retu..

함수 표현식과 화살표 함수 let hello = function() { return ("안녕하세요"); } console.log(hello); //결과: Funtion: hello const helloText = hello(); console.log(helloText); //안녕하세요 변수에는 함수를 담을 수 있다! => 함수 표현식 함수를 담고 있는 변수의 이름 = 함수의 이름 hello() 형식으로 사용가능하다. 함수 선언식 function helloB() { return "안녕하세요 여러분"; } 함수 표현식 let helloA = ()=> { return "안녕하세요 여러분"; } // return 값이 하나라면 { } 생략 가능 let helloA = () => "안녕하세요 여러분"; 함수 표현..

Redux 리덕스 리덕스는 자바스크립트 애플리케이션을 위한 상태 관리 라이브러리이다. Context API 또는 useReduce 함수에 앞서 존재했던 상태 관리 라이브러리로, 애플리케이션의 상태를 통합, 관리할 수 있는 편리한 기능을 제공한다. npm install redux react-redux 리덕스 사용이 권장되는 서비스 대부분의 컴포넌트에서 공통적으로 사용하는 상태가 있을 때! ex. 로그인 정보(로그인 여부, 닉네임, 계정 정보), 테마 (다크모드) , 작성 중이던 입력 데이터 import React, { useState } from 'react'; import { createStore } from 'redux'; import { Provider, useSelector, useDispatch ..

과제 결과 화면 전체적인 색감은 내가 좋아하는 하늘색을 테마로 잡고 따뜻한 느낌으로 만들어 보았다. 포트폴리오에는 아직 넣을 만한 프로젝트가 없어서 2,3번째 슬라이드는 일단 비워두었다. 프로젝트 경험이 쌓이면 채워넣어봐야겠다. 다른 개발자분들의 포트폴리오 사이트를 보면서 '나도 언젠간 저런 걸 만들어보고 싶다' 생각했었는데 이번에 배우게 돼서 너무 재밌었다. 마음만은 아주 화려한 포트폴리오를 만들고 싶었는데 아직은 역량부족인 것 같다.. 앞으로 다양한 기능이랑 내용으로 채워보아야 겠다. React Bootstrap 스타일링이 이미 되어있는 리액트 컴포넌트를 얻고, 기능을 커스트마이징 할 수 있도록 도와주는 라이브러리이다. npm install react-bootstrap bootstrap * 스타일적용..