04/11 국비학원 개발자 과정 -

오늘은....테스트날...

 

JQuery나옴...

그렇지만 제이쿼리보다는 mdn을 공부하는것 권장. 순수한것은 바뀌지않는다...ㅎ

 

const btnSend=document.quertSeletor("#btnSend");

아이디를 접근할때는 #을 쓴다

 

btnSend.addEventListener('click',function(){

   window.location.href="xxx.do?bid="+bid

});

 

const bid=document.getElementByld("bid").value();

 

public static JDBCTemplate getInstance() {

if(instance == null)

instance = new JDBCTemplate();

return instance;

}

 

connection conn이 있어야 커밋을 할 수 있다. 없으면 널포인트 익셉션일어남

롤백함수를 호출 할때도

Connection conn = null;

있어야한다.

 

defer를 왜 쓰나?

하나는 DOM트리를 만들어주는 엔지

다른 하나는 렌더트리를 만들어줌-css까지 포함

 

onsubmit이슈가 있다.

input타입 버튼을 쓰는것과 그냥 버튼을 사용하는것에 차이가 있다.

이벤트 전이를 막아주는 eventPreventDefault를 사용하지 않으면 무한루프에 빠질 수 있다.

리액트에서는 리렌더링이 계속 일어나는데 무한루프 빠질수도...

 

form전송했을때도 화면이 onsubmit계속 되니까 이슈 있다.

https://newstartjoah.tistory.com/118

02/14 52회차 수업 - 이벤트 버블링 방어 event.PreventDefault()

52회차 수업 다시 복습하자...

 

 

마지막 암기 기회!!

'

흐름도

 

index.js->App.js->Login.jsx

 

index.js -> FileInput생성 -> 리턴값은 화면 -> ImageFileInput -> name정보를 출력->클릭->파일찾기 화면을 띄움

 

App.jsx

->로그인을 성공하면 ->CardManager.jsx로 이동

/manager->CardManager

 

고려사항

캡쳐링과 버블링

부모태그에서 자손태그로 전이되는것

리액트 props컨벤션과 일치

index.js는 화면이 아니다

index.js는 browserRouter

<Provider store={store}>

-상태를 관리하는 저장창고 느낌

<App/>

 

데이터셋은 어디에 두는게 좋을까요?

: 가능한 최상위 컴포넌트에 둔다.

 

cards는 선언은 어디에 ?

-cardManager.jsx->CardEditor(for문처럼 Map으로 돌린다.)->CardEditor

 

index

index.js

app.jsx-라우트가 있다. 화면 전환을 해준다. 부분랜더링이 가능하다.

cardManager

 

삭제하기 버튼은 어디에 있나요?

-CardEditorForm.jsx->card를 가지고 있다. 한건만 삭제하면 된다.

 

CardManager

 

배열복사할때 ... 스프레드 연산자 사용한다,

삭제할때는 원본은 두고 복사본을 삭제를 해야된다. 그래야 복구가 된다.