카테고리 없음

5.7

문앵 2021. 5. 7. 09:57

class를 왜 쓰는지 다시한번 복기

클래스를 쓰는 이유? - 유동적인 객체를 만들기 위해

 

 

우리가 함수를 만들었을 때는 프로토타입과 프로토가 존재하지만, 객체는 아닙니다.

즉, 함수를 console.dir 찍을때는 constructor이 존재하지만, 객체를 찍을 때는 존재하지 않습니다. 

 

 

constructor이 존재해야마 new라는 생성자를 사용할 수 있습니다.

그래서 원래 일반적인 객체에는 new생성자를 사용할 수 없습니다.

 

 

 

그런데 클래스를 사용하면, 우리가 직접 constructor를 만들어 줄 수 있습니다. 

class의 기본 구조라고 하면 

class 클래스명{
    constructor(){
        
    }
}

이거는 필기 느려서 캡쳐해놓은거
이건 함수
이건 클래스
정적메소드와 프로토
이거는 전체화면


(2교시)

클래스~~~~

 

상속에대해서 알아봅니다.

class2 파일을 만듭니다.

 

 

상속을 받는다는건 쉽게말해 하나로 합친다는것입니다.

 

두개의 클래스가 있다고 해봅니다.

 

class Model{
    constructor(){

    }
    static init(){
        return 'init이라는데?'
    }
}

class User Model{
    static init(){
        console.log('aaa');
    }
}

이 두개를 연결해봅시다

 

아니 뭔말인지 하나도 모르겠다구요

아아앙아아아아아아ㅏㄱㄱ앙나ㅣㄻ알;ㅓㅁ럼ㄴ;라머

 

뭐가 정적다 정적 정적이 뭔데요 정적이 뭐냐고

이닛이뭐냐고요 의미를 알려달라고요

 

다 정적 매소드래요... 스트링                                                                                                                                                                                                                                                                           


(3교시)

로그인버튼과 회원가입 버튼만들기 

로그인 -> 아이디와 패스워드 입력받기 (입력 실행시 로그인 됨)                                                                        회원가입 -> 화면 하나 더 넣어서 (회원가입이 완료되었습니다. 넣기 )         

 

                                                                                                                       

일단 기본세팅 해주래요..                                                                                                                                                                                                                                                                                                                                                                                                                                         


(5교시)

화면 구성을 정리합니다.

1. index 페이지

- 로그인/ 회원가입

 

2. 로그인 페이지 (로그인 버튼 누르기)

-내용 입력, 서버에서 데이터 받기

-> 이후 메인으로 리다이렉트

 

3. 회원가입 페이지 (회원가입 버튼 누르기)                                                                                                  -form 태그, post로 보내기 (->서버로)                                                                                               

 

4. 서버에서는

-데이터를 db에 인써트 하고 넌작스로 html을 보낸대요                                                                                                                                                                                                                                                                                                                                                                                                                                                           

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               

 

쿠키와 세션의 차이점?

 

쿠키는 브라우저 / 세션은 서버

 

1. 쿠키 - 내가 사용하는 브라우저에 저장된 것. 

ex) 쇼핑몰 장바구니 로그인 안해도 나중에 다시 들어갔을 때 장바구니가 그대로 있음.

ex) 팝업창 일주일간 보지않기

변수등이 브라우저에 저장되는것. -> 데이터를 조작이 가능. 보안성에 취약 

 

2. 세션 - 서버측에서 저장하는 것

ex) 로그인

네이버에서 로그인 하고 다른 페이지에서 다시 그 페이지 들어가면 로그인 유지되어있음. 

서버측에서 내가 로그인한 정보를 가지고있다가 내가 로그인을 하지 않아도 그냥 자동으로 그 데이터를 뿌려줌. 

 

자동 로그인은 어떨까요?

-> 쿠키와 세션을 모두 활용해야합니다. 

 

로그인 누르면 로그인 입력폼나오고 ,내용 ㅣㅇㅂ력

 구이 절려

 

..? 뭐라고 쓴거임.. 듣다가 잠듦

 


(6교시)

4교시에 빠르게 쓴거 설명해주심. 

그 뭐지 join/loin_done이랑 login 어떻게 연결 되는건지

근데 파일이 너무 헷갈리는게

막 여기저기 index있고.. 어쩌구controller있고..

내가 설정하고 싶은 파일 있으면 어느 폴더의 어느 파일을 건드려야 한다는걸

머릿속에서 바로 알아차려야 한다는데..

ex) 회원가입 완료 페이지를 좀 만들고 싶은데 -> 바로 usercontroller로 가기

난 뭐가뭔지 1도 모르겠다..

 

각각의 파일에 뭐가 들었는지 전반적인 파악이 좀 부족한듯. 

 

 


user.controller의 login_check 부분에 

 

req.session.uid = userid; 이런 코드를 넣으셨는데,

seeeion이라는 값에 userid 를uid라는 이름으로 넣겠다 ?? (정확히 이해를 못함)

 

서버를 한번 거쳐갈 때 console.log(); 로 req.session 한번 출력해보세요(maincontroller에다가).

이거 출력 되면 html페이지로 이 값을 넘겨주세요. 

저거는 넌적스 구문이라고 합니다. 

isLogin이 true일때는 그 안에 내용을 보여주고 아니면 그 아래에 else안에 내용을 보여주라는 의미입니다. 

 

 


(7교시)

거의 자습이요

우성님이랑 수다 떪 꺄르륵

 


(8교시)

 

로그아웃 내용 만들어봅니다.

파일을 따로 만들어도 되고 안만들어도 되는데 선생님께서는 따로 만드심

서버쪽에서 로그아웃으로 접근할 수 있게 uri를 찍어줘야 함

 

 

nunjucks 구문 

1. for문

{% for [받을변수] in [반복할 배열] %}

 

{% endfor %}

 

2. if문

{% if [조건] %} 

    

{% else %}

 

{% endif %}

 

※ 주의

{{%  %}} ( X

 

{{  }} 출력용

{% %} 언어용

 

 

 

 

 

 

 

도 슈퍼도.... 대문자 씨퀄라이즈도....

졸려... 졸ㄹ려죽겠어여ㅛ...

범인은 인...구ㅜ....

 

 

반응형