꼰대코더

BrowserRouter 를 쓸 것인가 createBrowserRouter 를 쓸 것인가?BrowserRouter 보다 createBrowserRouter 를 써야 하는 이유는 다음과 같다.하부 링크가 가능 (링크 화면에서 한번 더 링크)각 링크 컴포넌트 별로 에러 처리가 가능데이터 Fetch 가능일단 맛보기로 BrowserRouter 를 간단한 소스코드를 소개 (React v5에서는 Switch를 v6에서는 Routes를 사용)import {BrowserRouter,Routes,Route,Link} from "react-router-dom"; function App() {   return (                     } />         } />               ); } creat..

lambda 함수를 고정으로 정의해 놓지 않고 필요시에 간단한 형식으로 실행하는 무명함수lambda 파라미터1, 파라미터2, ... : 연산 (파라미터1....)def adder(a, b):     return a + badder_lambda = lambda a, b: a + bdef to_upper(s):      return s.upper()to_upper_lambda = lambda s: s.upper() 프로그래밍을 편의를 위해 미리 정의해 둔 함수들 (map, filter, reduce)map map(function_to_apply, list_of_inputs)입력값의 수 = 처리후의 값의 수items = [1, 2, 3, 4, 5] squared = []for i in items:     sq..

종래의 if else 문order_total = 247if order_total > 100:    discount = 25else:    discount = 0print(order_total, discount) 간단히discount = 25 if order_total > 100 else 0 print(order_total, discount)

keys    = ['a', 'b', 'c', 'd']values = range(4)        # = [0, 1, 2, 3]d = dict(zip(keys, values))print(d){'a': 0, 'b': 1, 'c': 2, 'd': 3}

기본적으로 웹브라우저는 시큐리티상 다른 Origin(도메인, 프로토콜, 포트) 리소스에의 액세스를 불허한다. 주로 아래와 같은 효과가 있다. 1. API 주소만 안다고 하면 아무렇게나 액세스하여 데이터를 훔쳐갈 수 있는데 이를 방지하는 효과.2. CSRF（Cross-Site Request Forgeries) 를 방지하는데 예를 들면 사용자가 특정 사이트에 로그인 상태에서 스팸메일의 악성 링크를 클릭하면 로그인 세션으로 API 에 접근하여 원치 않는 결과를 초래 할 수 있다. 위의 예에서는 웹 페이지는 example.com 으로 부터 발행되서 그 안에서 api.example.com/func 을 액세스하고 있지만 엄격히 말해 서브도메인도 별도의 도메인으로 취급되므로 아래와 같은 에러가 발생하게 된다. 각각 ..

1. CSS     준비된 CSS 화일을 폴더에 둔다. 예) my.css    React Component 화일에서 아래와 같이 임포트import "./my.css" 2. 구글 폰트 URL 사용    CSS 화일의 선두에 아래와 같이 임포트@import url("https://fonts.googleapis.com");@import url("https://fonts.gstatic.com");@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Roboto:wght@700&display=swap"); 3. HTML   return ( )  에 준비된 HTML body 태그 내부를 붙여넣기    css ..