andrewlee

statics s가 소문자네요 늦어서 죄송해용~

도와주세요... 

상세하고 친절한 답변 감사드립니다. 조금씩 이해가 되어 가는 것 같습니다.&nbsp;
'<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">넥스트는 첫 화면만 SSR(프론트 서버 개입)이고 그 다음부터는 CSR이라고 보시면(브라우저-백엔드 간 통신) 됩니다.'&nbsp;
<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">라고 말씀하셔서 그 부분에 대한 의문을 또 여쭤보고 싶습니다.
<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">
<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">1. 첫 화면만 프론트 서버가 개입하고 그 후엔 청크정도만 주는 것이 역할의 전부라고 하셨습니다. 그러면 첫 화면 이후엔 벡엔드하고만 통신을 한다는 것인데 코드 스플리팅에 대한 요구는 어떻게 프론트 엔드 서버가 알 수가 있죠? 완전히 다른 페이지로 넘어갈 때 또 다시 그때만 프론트 엔드 서버에 접속하여 관련된 코드 스플리팅된 js를 얻어오는 건가요?&nbsp;
<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">2. '<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;">브라우저에서 Link 태그를 눌러도 프런트서버로 요청이 가는게 아니라 csr로 계속 동작하는 것입니다.' 에 대한 질문입니다.
<span style="background-color: #ffffff; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; font-size: 16px;"> F<span style="color: #000a12; font-family: Noto Sans KR, -apple-system, system-ui, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica;">ront\server.js 에 있는 모든 코드들은 프론트 엔드 서버안에서 돌아가는 코드니까 첫 화면 로딩 후 브라우저가 요청을 하지 않는 것이니 첫 화면 로딩 후 무쓸모한 코드가 될 것 같습니다.&nbsp;
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;"> 
<div>&nbsp;&nbsp;server.get('/hashtag/:tag',&nbsp;(req,&nbsp;res)&nbsp;=>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;app.render(req,&nbsp;res,&nbsp;'/hashtag',&nbsp;{&nbsp;tag:&nbsp;req.params.tag&nbsp;});</div>
<div>&nbsp;&nbsp;});</div>
 
<div>&nbsp;&nbsp;server.get('/user/:id',&nbsp;(req,&nbsp;res)&nbsp;=>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;app.render(req,&nbsp;res,&nbsp;'/user',&nbsp;{&nbsp;id:&nbsp;req.params.id&nbsp;});</div>
<div>&nbsp;&nbsp;});</div>
 
<div>&nbsp;&nbsp;server.get('*',&nbsp;(req,&nbsp;res)&nbsp;=>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;handle(req,&nbsp;res);</div>
<div>&nbsp;&nbsp;});</div>
</div>
<span style="color: #000a12; font-family: Noto Sans KR, -apple-system, system-ui, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica;">위와 같은 코드들은 프론트 엔드 서버에 접속해야만 반응하는 기능들일 텐데 브라우저는 어짜피 첫 화면만 받은 후에 말씀하신대로 벡엔드하고만 대화를 할테니까요. 저는 강의를 들으면서&nbsp;
<span style="color: #000a12; font-family: Noto Sans KR, -apple-system, system-ui, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica;">'아 서버라는 것은 get과 post와 같은 api 호출을 브라우저를 통해서 받고 이에 적절한 데이터로써 화답하는 것이구나' 라 생각했는데 브라우저에서 호출도 안하고 관심도 없다고 하니 저 코드의 존재 의미가 뭔지 이해가 안가네요..&nbsp;
<span style="color: #000a12; font-family: Noto Sans KR, -apple-system, system-ui, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica;">저 코드는 초기 ssr할 때에만 사용하는 코드인가요? 동적 라우팅을 돕는다는 설명으로는 저한테 이해가 안가네요..
<span style="color: #000a12; font-family: Noto Sans KR, -apple-system, system-ui, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica;">읽어주셔서 감사합니다. 

<span style="color: #000a12; font-family: Noto Sans KR, -apple-system, system-ui, BlinkMacSystemFont, Apple SD Gothic Neo, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica;">

질문입니다.

<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">답변 감사드립니다.&nbsp;
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">답변의 윗 부분은 이해가 갔으나 본 프로젝트에서 Next가 작동되는 원리에 대해서는 절차에 대해서 이해가 가질 않습니다..&nbsp;
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">웹 페이지 초기 접속 후, 홍길동이라는 해시태그를 클릭해서 해시태그를 가진 게시글들을 모조리 불러오는 페이지를 렌더링하기까지 과정을 말로 설명한다고 가정하겠습니다.&nbsp;
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">=============================================
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">현재 프론트 엔드 서버(express with next) , 벡엔드 서버( express ) 가 돌아가고 있음
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">(웹 페이지 초기 접속 )&nbsp;
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">1. 웹 브라우저는 URL로써 프론트 엔드 서버에 요청&nbsp;
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">2. 프론트 엔드 서버는 해당 요청에 맞는 데이터까지 벡 엔드에서 다 긁어 온 후에, 완성된 형태의 HTML 문자열과 해당 하는 화면에 대한 코드 스플리팅 된 JS를 브라우저에 전달.
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">3. 브라우저는 SSR된 HTML 문자열과 JS를 다운로드 받고, HTML을 렌더링 하여 사용자에게 보여줌
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">( 여기까지가 웹 페이지 초기 접속 끝,
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">이제부턴 CSR적용? )&nbsp;
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">4. 그 후 원하는 해시태그를 클릭
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">5. 브라우저는 user/:id/posts 와 같은 형태를 백 엔드 서버에 요청해서 받아오기
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">5번에서 이해가 안갑니다. next(버젼 8기준)가 동적 라우팅이 안되서 express위에다 돌렸다고 했는데, 그래서 아래 코드와 같은 것을 쓴 것 이죠.&nbsp;
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;"> 
<div>&nbsp;&nbsp;server.get('/hashtag/:tag',&nbsp;(req,&nbsp;res)&nbsp;=>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;app.render(req,&nbsp;res,&nbsp;'/hashtag',&nbsp;{&nbsp;tag:&nbsp;req.params.tag&nbsp;});</div>
<div>&nbsp;});</div>
</div>
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;"> 그런데 강의 중간에 프론트에 요청을 보내면 app.render때문에 리로딩이 되기때문에 위 코드로 요청을 보내지 않는다고 하고 Link태그의 속성을 수정하셨습니다. 이게 무슨 소리인지 이해가 안갑니다. 동적 라우팅을 하기위해서 그 통로로써 이 부분이 존재하는 것 아닌가요..? 저는 당연히 브라우저에서 user/:id/posts를 요청하면 당연히 이 곳을 거쳐야 한다고 생각을 합니다. 아니 그냥 NEXT의 전체적인 순서가 이해가 안가는 것 같습니다.SSR CSR 각각은 이해가 가려는데 하이브리드에 동적 라우팅이런 주제랑 섞이니 기존의 지식이랑 연동이 안되는 것 같네요..&nbsp;
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">조금 만 더 설명을 해주실 수 있을 까요?&nbsp;
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">감사합니다.
<p style="box-sizing: inherit; margin: 0px 0px 1em; padding: 0px; line-height: 1.6; font-size: 16px; color: #000a12; font-family: 'Noto Sans KR', -apple-system, system-ui, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', Helvetica; background-color: #ffffff;">

userSchema.methods.findByToken=&nbsp;function(token,cb){
가 아니라&nbsp;
userSchema.Static.findByToken=&nbsp;function(token,cb){
이엇나 그랫을거에요

왜 서버를 껐다 켜야하는 걸까요? 를 생각해보니&nbsp;
기존에 없던 다른 파일을 만들었기 때문이 아닐까 생각을 하고 넘어갑니다. 이미 만들어진 파일의 내용을 최신화해주는 것은 가능하지만, 없던 걸 만들어서 최신화 시켜줄 수 는 없으니까요&nbsp;&nbsp;
&nbsp;

_app.js

Accounts 는 제일 위에 것 ( not default )으로 했고&nbsp;
my apps & credentials 은 asdasd입니다.&nbsp;
존안님 코드로 돌려도 여전히 똑같은 화면이 뜨네요 ㅠ&nbsp;
<img src="https://cdn.inflearn.com/public/comments/dc8e8336-7dc8-4d65-8519-54998583a190/2020-05-05 10;53;20_2.jpg" title="2020-05-05 10;53;20_2.jpg" width="790" height="418" alt="" />

<img src="https://cdn.inflearn.com/public/comments/9444127d-677b-4bd4-9bdc-4fd2b7a1525f/2020-05-05 10;53;20_3.jpg" title="2020-05-05 10;53;20_3.jpg" width="792" height="360" alt="" />

자세한 설명 감사합니다.&nbsp;
정리하자면,&nbsp;
일반적으로 하나의 JS파일인 컴포넌트가 동작할 때는&nbsp;
useeffect가 먼저 켜진 후, 렌더링이 되는데
이 때 useeffect 내의 로직안에서 준비되지 못한 친구들은 일단은 그냥 넘어가게 된다.&nbsp;
그리고 그 값들이 준비가 된다면 ( [prop.user.userData] 가 제 값을 찾는다면 ) 다시 한번 리 렌더링이 되서&nbsp;
원하는 값을 찾게된다.&nbsp;

제가 이해한 것이 맞는지요? 감사합니다.&nbsp;

질문입니다. 

강의 뒷 부분들으시면 모델에 대륙 빼먹은 거는 귀엽게 고치십니다 ㅎㅎㅎ&nbsp;
그리고 저는 그 코드가 이상하다고 생각해서 좀 고민 해봤는데 button 에 onclick이 없어도 된다고 생각을 해요. 어짜피 form태그에서 제출을 하니까요 저는 이렇게 코드를 작성해도 제출이 정상 동작했습니다.&nbsp;
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<button&nbsp;type="submit"&nbsp;></div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;확인</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button></div>
</div>
아마 다른 부분에서 오류가 나는 것 같은데.. .git으로 올려주시면 답변해줄수있을듯합니다

썜 급해요!

<a href="https://webisfree.com/2017-09-06/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-event-target-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0%EC%99%80-currenttarget-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90%EC%9D%80" target="_blank" rel="noopener noreferrer">https://webisfree.com/2017-09-06/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-event-target-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0%EC%99%80-currenttarget-%ED%94%84%EB%A1%9C%ED%8D%BC%ED%8B%B0%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90%EC%9D%80</a>
위에 글 보시면 잘 설명이 되어있는 것 같습니다.&nbsp;
target을 쓰는 경우에는 이벤트 버블링의 최하위를 반환하는 형식이다보니 Onclick을 씌운 전체 태그가 아닌 다른 것이 잡힐 가능성이 있어서 귀찮은 일이 생길수도 있을 것 같군요.
긍데 2가지 중 뭘써도 코드만 명확히 작성한다면 기능은 동일하다고 생각해용

andrewlee

Posts