내일배움캠프 12일차

<오늘의 학슴>

오늘은 로그인,로그아웃,마이페이지 설정을 배웠다.

해시함수란?
알고리즘의 한 종류로서 임의의 데이터를 입력 받아 항상 고정된 길이의 임의의 값으로 변환해주는 함수를 말합니다.
password_receive = request.form['password_give']
password_hash = hashlib.sha256(password_receive.encode('utf-8')).hexdigest()

이렇게 password를 받고 DB에 저장하기전에 hashlib.으로 해시 처리를 해줘서 개발자들이 암호를 알지 못하게 암호화 시킨다.
비밀번호, 아이디를 꼭 들어가야하는 문자,숫자,특수문자를 정규표현식으로 미리 지정해두는 방식을 사용하면 쉽게 관리 할 수 있다.

var regExp = /^(?=.[a-zA-Z])[-a-zA-Z0-9_.]{2,10}$/;
이 부분이 정규표현식-> (?=.[a-zA-Z])여기는 꼭 있어야 하는 부분 [-a-zA-Z0-9_.] -,a-zA-Z0-9,_,.이 포함되어도 된다.{2,10} 2자~10자 사이!

또 toggle을 배워서 긴 코드를 짧은 코드로 간단하게 바꾸는 것도 배웠다.

function toggle_sign_up() {
    if ($("#sign-up-box").hasClass("is-hidden")) {
        $("#sign-up-box").removeClass("is-hidden")
    } else {
        $("#sign-up-box").addClass("is-hidden")
    }
}

이것을 jQuery가 더 간단하게 만들어 주는 함수!!! = toggleClass()
function toggle_sign_up() {
    $("#sign-up-box").toggleClass("is-hidden")
}
위 코드들은 sign-up-box에만 해당된다. 만약 다른 요소들도 처리를 해야한다면 토글클래스를 사용하지 않는 코드라면 3줄이 추가 될 것이고
토글클래스를 사용한다면 1줄만 추가하면 된다!! 아주 간단한 것이다~

 let class_heart = ""
 if (post["heart_by_me"]) {
     class_heart = "fa-heart"
 } else {
     class_heart = "fa-heart-o"
 }
위의 6줄의 코드를 깔끔하게 바꿔보자~~

 let class_heart = post['heart_by_me'] ? "fa-heart": "fa-heart-o"

 조건부 삼항 연산자라고 하는 위 코드는
    변수 = 조건 ? 참일 때 값 : 거짓일 때 값

배우면 배울 수록 코드는 어려워지고 읽기는 쉬워진다!!! 기초를 더 탄탄하게 다져야 하는 이유.
하지만 기초가 부족해서 너무 어렵다 ㅠㅠ

--오늘의 한 줄--

기초는 아무리 강조해도 부족하지 않다!