FE RYAN
완벽하지 않으면 어때
FE RYAN
전체 방문자
오늘
어제

블로그 메뉴

  • 💾 깃허브 링크
  • 홈
  • 태그
  • 분류 전체보기 (151)
    • 개인프로젝트 (8)
      • 개인 포트폴리오 웹앱 (6)
      • 프론트엔드 기술면접 아카이빙 웹앱 (2)
    • 기록 (121)
      • 원티드 프리온보딩 인턴십 (0)
      • 코드스테이츠 프론트엔드 (75)
      • 생각들 (3)
      • Today I learned (32)
      • 회고 (9)
      • 리뷰 (1)
    • 개발 (17)
      • React (3)
      • Javascript (7)
      • CSS (1)
      • HTML (3)
      • HTTP (1)
      • 자료구조 (0)
      • 알고리즘 (2)
    • 코딩테스트 (2)
      • 백준 (2)
      • 프로그래머스 (0)
    • 디자인 (1)
      • UI & UX (1)
    • 수학 (0)
    • 자기계발 (0)

공지사항

인기 글

태그

  • useMemo
  • 자바스크립트
  • 신입개발자
  • 회고
  • HTML
  • 리액트
  • 딥다이브
  • seb 39
  • 원시타입
  • 포트폴리오
  • css
  • 프론트엔드
  • seb39
  • 코드스테이츠
  • 메인프로젝트
  • 자바스크립트 딥다이브
  • ES6
  • Til
  • 부트캠프
  • 타입스크립트

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
FE RYAN

완벽하지 않으면 어때

기록/Today I learned

TIL- 22.02.14 월

2022. 2. 14. 22:58
728x90

22.02.14 Today I learned

1. 개발

1.1 자바스크립트

  • 복습: 고차함수의 매개변수를 이용하여 중복을 제거하는 법에 대해 복습했다. 코드

  • 복습: 중첩 if문의 단계를 줄이는 법에 대해 복습했다.

    1. if문 다음에 나오는 공통된 절차를 각 분기점 내부에 넣는다.
    2. 분기점에서 짧은 절차부터 실행하게 if문을 작성한다.
    3. 짧은 절차가 끝나면 return(함수 내부의 경우)이나 break(for문 내부의 경우)로 중단한다.
    4. else를 제거한다.
  • 학습: math 객체

    • random: 0이상 1미만의 난수를 랜덤하게 생성(완벽하게 무작위의 개념은 아니므로 상용 프로그램에선 사용x, 대신 window.crypto.getRandomValues()함수를 사용하여 암호학적으로 완전한 무작위를 구현할 수 있다.)

    • floor: 내림

    • round: 반올림

    • celi: 올림

      function getRandom(min, max) {
        Math.floor(Math.random() * (max - min) + min;) // min 이상 max 미만의 정수인 난수 생성
      }
      
    • 문제풀이의 방법론에 있어서 숫자가 30이 넘어가는 경우 알고리즘을 배워서 알고리즘으로 푸는게 좋음. 30이하의 경우 사람이 푸는 방식으로 해도 괜찮다.

  • 학습: 여러 값을 모아둘 경우 배열 vs 객체 효율성 비교

    • 단순한 값의 나열: 배열이 적합
    • 값에 이름이 붙는 경우: 객체 리터럴 사용이 적합
  • 복습: 배열 메서드

    • push: 배열 뒷부분에 값을 삽입
    • pop: 배열 뒷부분의 값을 삭제
    • unshift: 배열 앞부분에 값을 삽입
    • shift: 배열 앞부분의 값을 삭제
    • splice: 배열의 특정위치에 요소를 추가하거나 삭제
  • 학습: 내 알고리즘을 검증하려면 항상 극단적인 케이스의 경우에도 정상적으로 동작하는지 보면 된다.

    • 극단적인 케이스는 주로 양 극단의 값(최소, 최대)에서 발생
  • 학습: event.preventDefault(); 는 form태그의 기본 동작을 취소시킨다(기본동작: submit 이벤트 발생 시 브라우져 새로고침).

1.2 HTML

  • 복습: form태그에 반드시 들어가야 할 속성
    • action="API 주소"
    • method="GET 또는 POST" (http 요청 메서드 get: 읽기, post: 쓰기)
  • 복습: input태그
    • placeholder 속성: 예시문구 표시/ 안 쓰는게 좋음. 구버젼 ie나 기타 브라우져에서 지원 안됨. label태그를 우선적으로 쓸 것.
    • minlength, maxlength 속성: 입력가능한 글자수 제한(type이 text일 때)
    • min, max: 입력가능한 숫자의 최솟값, 최댓값 제한(type이 number일 때)
    • required: 반드시 입력해야하는 input임을 명시(미입력시 안내문구 발생, 속성값 입력 없음.)
    • readonly: 읽기전용(속성값 입력 없음.)
    • disabled: 비활성화(속성값 입력 없음.)
    • value: 속성값에 입력한 값이 input 창에 유효한 값인 상태로 입력됨. 예시: 내 아이디 기억하기 기능
    • accept: input type이 file일 때 허용하는 파일의 확장자명을 작성해서 해당 확장자의 파일만 받을 수 있음.
  • 복습: label 태그
    • input 태그를 설명해주는 태그. label for="설명할 input태그의 id"
    • label 영역 클릭 시 해당 Input 필드 포커싱 효과.
      <label for="mypassword">비밀번호</label>
      <input type="password" id="mypassword"/>

2. 수학

2.1 확률과 통계 - 순열과 조합

  • 복습: 합의 법칙
    • 서로 중복되지 않는 사건 A, B = 사건 A, B가 동시에 일어나지 않음
    • 사건 A 또는 B가 일어나는 경우의 수는 m + n
    • 집합 A, B의 합집합의 원소의 개수를 구하는 문제와 동일함.(집합=사건, 경우의 수=원소의 개수)
  • 복습: 곱의 법칙
    • 두 사건 A, B가 동시에 일어날 때의 경우의 수는 m * n
  • 복습: 순열
    • 순서가 있다.
    • 자격이 다르다.
    • (a, b) != (b, a)
    • nPr
  • 복습: 조합
    • 순서가 없다.
    • 자격이 같다.
    • (a, b) == (b, a)
    • nCr
728x90
저작자표시 비영리 (새창열림)

'기록 > Today I learned' 카테고리의 다른 글

TIL- 22.02.17 목  (0) 2022.02.17
TIL- 22.02.15 화  (0) 2022.02.15
TIL- 22.02.11 금  (0) 2022.02.11
TIL- 22.02.10 목  (0) 2022.02.10
TIL- 22.02.09 수  (0) 2022.02.09
    '기록/Today I learned' 카테고리의 다른 글
    • TIL- 22.02.17 목
    • TIL- 22.02.15 화
    • TIL- 22.02.11 금
    • TIL- 22.02.10 목
    FE RYAN
    FE RYAN

    티스토리툴바