dukDukz

[학습 관련 질문] 더보기 const [inStockOnly, setInStockOnly] = useState(false) const filteredProducts = filterProducts(products, filterText) .filter((product) => !inStockOnly || product.stocked);  inStockOnly 가 아니거나 product.stocked 가 true 일때 새로운 배열에 product 값을 담는다. 질문 .filter((product) => !inStockOnly product.stocked); !inStockOnly 이 부분은 어떤걸 위해 존재하는 조건인지 궁금합니다. 답변 inStockOnly는 재고가 존재하는지를 boolean 값으로 판단하고..

잘한 것은 무엇인가? 주중에 학습 + 복습 했다. 월요일에 1강을 듣고 화욜에 복습하고 수욜에 2강 듣고 목욜에 복습하고... 금욜에 과제하고.. 퇴근하고 9~10시까지.. 하는걸 습관을 들이고 있다. 아샬님 코드 이해 + 형식 그대로 반영하면서 실습 복습 하면서 최대한 이해하고 아샬님 코드를 따라치려고 함 최고의 코드를 따라하고... 최고의 것을 카피하면서 성장하는 그런 느낌... 내 평소 습관대로 하는 것을 피하고 아샬님 코드 형식 그대로를 내 손에 익히려고 했다. 아직은 익숙하지 않지만... 남들 따라하는건 내가 잘하는거라 곧 익숙해질 것 같다.. 혼자 고민하는 것도 좋지만 질문하는 것도 중요..! 복습하면서 이 부분을 잘 몰라서 질문을 할까 말까 고민을 많이 했다. (되게 간단한 문법인데 이걸 질..

잘한 것은 무엇인가? React - jsx 관련 문서를 전주에 봐서 좀 더 이해가 잘 되었다는 점...? 그거 말고는 없는 것 같다. 잘못한 것은 무엇인가? 이번 주는 강의가 하나 밖에 없어서 더 느슨해졌던 것 같다.. GitBook을 자세하고 양 많이 써야 한다는데 그게 쉽지 않음... 업무가 꽤 많아서 자습 시간이 많이 없었던 점 과제 : jsx 안쓰고 + tsconfig 파일 안고치고 -> 처음엔 tsconfig 파일을 수정해서 올렸는데 홀맨님 댓글 보고 다시 수정해서 올렸다. 과제가 jsx 안쓰기인데 왜 파일타입을 그대로 놔뒀을까 ; ㅎ 제대로 읽고 하자 ^^! 무엇을 배웠는가? React - jsx jsx 없이 React를 사용할 수 있었다는 것..! Actual DOM 과 VDOM 혼자 내용을..

잘한 것은 무엇인가? 새로운 것을 많이 배웠다. GitBook Parcel Pull Request Jest 재밌당 브라우저 렌더링과 React 렌더링 / 리렌더링에 대한 이해.. 이 부분은 취준할때도 깊게 보지 못했던 부분인데 이번에 공부하면서 세세한 부분까지 볼 수 있어 의미가 있었다. 조금 느리게 읽더라도 영문서를 읽는게 나을듯 싶다. 뭔가 더 직관적이다. 자세한 내용은 내 GitBook에! 퇴근하고 열공한것..! 보상 심리로 맨날 침대 누워서 유튜브 봤었는데 이번주는 시간이 금이였다.. 퇴근 후 남는 시간이 아깝기도 하고 할 공부도 많아서 좀 열심히 했다. 잘못한 것은 무엇인가? 항상 느끼는 거지만.. 배운것만 하는 것.. 이걸 좀 고치고 싶다. 뭔가를 배웠으면 그 이상으로 좀 더 찾아보고 더 나아..

기본적으로 ES6+ 문법을 바탕으로 진행하니 아래의 문법에 능숙하지 않으신 분들은 MDN -JavaScript | MDN Modern JavaScript Tutorial -The Modern JavaScript Tutorial 을 통해 수시로 학습하시는 것을 권장드립니다. Destructuring assignment Spread syntax Rest parameter Object Array (특히 map, filter, reduce 등의 메서드) 추가로 TypeScript에 대해서도 미리 한번 읽고 오시는 것을 추천드립니다. Handbook - The TypeScript Handbook

Openssl 인증서를 통한 유효성 인증 비밀키를 기반으로 인증서 생성 Client 에게 인증서 전송 Client가 서버에 접속할 인증서 or 인증서의 hash를 제시 서버는 해당 인증서 or 인증서의 hash가 서버의 비밀키로부터 발행 된 것이 맞는지 확인 Openssl 기반 비대칭 키 생성하기 (비밀키만 생성해도 OK) 1. 비밀키 생성 $ openssl genrsa -des3 -out 비밀키이름.pem 1024 2. 비밀키를 기반으로 공개키 생성 $ openssl rsa -in 비밀키이름.pem -out 공개키이름.pem -pubout 3. 생성된 비밀키와 공개키 확인 Openssl 기반 비밀키 생성 후 인증서(CSR) 생성 1. 비밀키 생성 2. 인증서 서명 요청 생성 $ openssl req -..

비대칭키 RSA 알고리즘 비밀키와 공개키 생성 공개키로 암호화 하고 개인키로 복호화 하는 개념 RSA 암호화 과정 A B ⓵ 공개키, 암호화 생성 ⓶ A에게 공개키 전달 ⓷ 전달 받은 공개키로 보낼 정보 암호화 ⓸ 암호화된 정보를 B에게 전달 ⓹ 암호화된 정보를 개인키로 복호화 사용 가능한 javascript 라이브러리 해당 라이브러리를 사용하여 RSA 알고리즘 테스트를 진행 https://github.com/rzcoder/node-rsa GitHub - rzcoder/node-rsa: Node.js RSA library Node.js RSA library. Contribute to rzcoder/node-rsa development by creating an account on GitHub. githu..

import React from "react"; import { Routes, Route, Link, Navigate } from "react-router-dom"; import Home from "./pages/Home"; import Login from "./pages/Login"; function NoMatch() { return ( 페이지를 찾을 수 없습니다. 홈으로 ); } function Router() { return ( ); } export default Router; 1. '/' 로 들어왔을때 '/login' 으로 자동이동함. 2. 없는 링크로 접근하는 경우 NoMatch 를 리턴함.