22.07.23 토요일
🗓할일
CS 스터디 챕터 79 정리
CS 스터디 챕터 10 읽기
알고리즘 문제 2문제 풀기
React 강의 2주차 듣기
React 팀 과제 자료조사
TIL 쓰기
🚀 TIL
CS 스터디
1일 1로그 100일 완성 IT지식
- 곳곳에 도사리는 위험
웹에서의 보안 위협으론 세가지가 있다.
클라이언트 공격 : 웹의 사용자를 타겟으로 정보를 탈취하는 것.
- 스팸
- 피싱
스파이 피싱: 공공기관, 공공사이인 척하는 가짜 사이트 - 스파아이웨어
1) 좀비 : 인터넷에 연결되어 스팸 메일 전송같은 행위를 수행하라는 명령을 받을 때까지 기다리는 프로그램이다. 이런 프로그램을 BOT 봇 이라고 하고 봇의 네트워크를 Botnet이라고 한다.
2) 키 로거 : 사용자의 비밀번호나 기타 테이터가 입력 될 떼 캡쳐해 정보를 탈취한다
3) 랜섬웨어 : 컴퓨터의 콘텐츠를 암호화하여 비밀번호의 대가로 몸값(=ransom)을 요구함
스케어웨어 : 협박하는 화면만 띄우고 몸값을 요구한다 - 휴대폰
잘못된 앱이나 웹페이지를 사용하도록 유도하여 정보를 뺏어옴
React 팀 과제
부모 컴포넌트 A와 자식 컴포넌트 B가 있습니다. 컴포넌트 A는 state로 {name: "르탄이"}를 가지고 있고, 자식인 컴포넌트 B에게 name 값을 넘겨주었습니다. 컴포넌트 B는 받아온 name을 화면에 뿌려주고 있습니다.
컴포넌트 A의 state가 {name: "진도사우르스"}로 바뀌었을 때, 어떤 과정을 거쳐 바뀐 값을 화면에 보여주는 지 라이프 사이클 흐름을 그려볼까요?
부모의 state가 변경되서 부모 컴포넌트가 업데이트가 된다면 아래와 같은 순서로 메서드가 실행된다
Parent render > Child render > Child componentDidUpdate > Parent componentDidUpdate
컴포넌트가 처음 생성될 때처럼 부모컴포넌트가 재렌더링되기 때문에
Parent의 render가 먼저 호출되고 자식컴포넌트인 Child도 실행되면서
Child render되고
Child가 모두 업데이트 되면 componentDidUpdate 순서로 메서드가 호출되고
Child 컴포넌트가 모두 업데이트되야 부모인 Parent 컴포넌트도 모두 업데이트되어서 Parent componentDidUpdate도 실행된다
컴포넌트 A에서 state 변경 > 부모 컴포넌트 재랜딩 > 자식 컴포넌트 랜딩 > Child componentDidUpdate > Parent componentDidUpdate
출처
yarn과 npm의 차이점은 무엇인가?
npm과 yarn은 자바스크립트 런타임 환경인 노드(Node.js)의 패키지 관리자이다.
차이점
-
속도
npm은 패키지를 한 번에 하나씩 순차적으로 설치한다. 그에 비해 yarn은 여러 패키지를 동시에 가져오고 설치하도록 최적화되어 있어 패키지 설치 속도 측면에서 yarn이 npm보다 빠르다. -
보안
yarn은 보안 측면에서 npm보다 더 안전한 것으로 알려져 있다. npm은 자동으로 패키지에 포함된 다른 패키지 코드를 실행한다. 이로 인해 보안 시스템에 몇 가지 취약성이 발생하며 나중에 심각한 문제가 발생할 수 있다. 반면에 yarn은 yarn.lock 또는 package.json파일에 있는 파일만을 설치한다. 보안은 yarn의 핵심 기능 중 하나이지만 최근 npm의 업데이트에서 npm의 보안 업데이트도 크게 향상되었다. -
명령어
둘이 사용하는 명령어가 다르다
출처
알고리즘
[Programmers] 수박수박수- JS
[Programmers] 완주하지 못한 선수
💬
2주차 강의도 어렵다...
용어들이 너무 어렵다
개념들이 너무 어렵다
이랬다 저랬다 왔다갔다
내일도 하루종일 강의 들을거같다
어떻게 짜집기하면 완성시킬거 같은데 지금 기본은 다져야 할 거 같아서 2회차 복습할 생각하고 듣자
