이미지는 public에 넣으면 되고 그 안에 있으면 ../public/파일명 이렇게 안하고 바로 /파일명 이렇게 쓰면 됨 이렇게 이미지가 깨지는데 이미지 경로를 위에 설명처럼 넣어보면 이미지가 잘 나오는걸 확인할 수 있다. 참고로 지금 Next.JS 13버전이 나온 상황에서 강의에서처럼 이렇게 링크 안에 에이태그를 쓰면 에러를 뱉어주는데 link는 a로 렌더링 되므로 a태그가 유효하지 않다고 한다. 해결법도 친절하게 알려주는데 a태그를 지우거나 Link 태그 안에 legacyBehavior를 추가하라고 한다 legacyBehavior 를 추가하고 나니 잘 작동되는 모습을 볼 수 있다. (근데 내거는 왜 이 경고메세지가 안뜨지...) 쩄든 Next JS는 내장되어있는 Image 태그를 사용해야 되는데 지금..

몇 달만에 돌아온,,, 2강 보기,,,, Layout 이용해보기! components 폴더 안에 Layout.js 만들기 children prop은 react가 제공하는 prop인데 하나의 component를 또 다른 component 안에 넣을 때 쓸 수 있다. _app.js에 넣었던 Nav를 삭제하고 이렇게 Component를 Layout 으로 감싸주기! 이제 레이아웃 파일에 뭔가를 넣으면 _app의 component에서 렌더링 돼서 나옴! title 부분들을 바꿀건데 nextjs 에선 내장되어있는 Head를 사용하면 됨 리액트로 했으면 react helmet 같은 걸 새로 설치해서 넣어줘야 함 (지금 버전에서도 그런가..? >> 그런 듯,, document를 사용해서 title을 바꾸거나 helme..

돌발분석 2 - 날씨, 패션, 공휴일 날씨 묘사 이게 암기하기 어려우니까 oh seasons?? 하면서 저 스크립트 내용을 말하듯이 해줄 수 있음! 그럼 더 쉽게 할 수 있다 그러면서 global warming 도 얘기 해주면 꾸웃 자주 쓰이니까 외워두기 봄 여름 사이라 아침엔 조금 춥고 오후엔 좀 덥다 그래서 감기 걸렸다 이것도 겨울 봄 이걸로 해도 똑같을 듯! 감기는 환절기에 항상 잘 걸리니까~_~ ㅋㅋㅋ여기선 기침 좀 하면서 해도 IL은 나온다! job interview 갔던 거 여기에 똑같이 쓰면 됨ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 요기도 나 감기 걸렸다 넣어주고~_~ SNS는 콩글리시! 소셜 미디어라고 하긔~_~ ㅋㅋ그냥 옛날엔 옷 비쌌지만 지금 싸다.....,,, > 가게도 많고 온라인 스토어도 생겨서! ..

돌발분석 1 - 호텔, 은행, 교통수단 제목만 들어도 어려울 것 같당,,, 호텔 소개 보면 이때까지 배웠던 표현 반복! 나 너무 바빴는데 내 친구랑 동네 호텔 갔어 ㅋㅋㅋ그러고 또 표현 반복 기억나는 것도 반복! 대신 2번 3번은 과거시제로! location atmosphere 여기서 다 쓰지 말고 하나씩 아껴쓰거나 다른거 추가해도 좋음~_~ 호텔하고 은행 같이 안나오니까 똑같은 표현으로 준비해도 됨 + step members are kind 요런거로 막 친절했다 넣어도 됨 선생님을 믿지만 자신을 믿고 더 창작하기~_~ 여기 쫌 어려움! 뱅크 이름 얘기 안해도 됨~~ 여긴 kind랑 은행이니까 professional 넣으면 좋음 wire-transfer 송금 어려우면 그냥 I send money 해도 됨..

롤플레이 7 - 에바에게 질문하기 가장 마지막 문제! 14는 단순 문제 15는 에바에 관련된 문제가 나옴! 당황하지 말고 에바는 항상 내 친구라는 애정을 보여주기 무슨 바이올린이니 난 음악에 대해 모름~~ 얼마야 해도 되는데 여기서는 어디꺼니 비싸겠당 무슨 음악 좋아해? kpop?? 클래식은? - 베토벤 모짜르트 발음할거면 제대로! 콘서트 하면 얘기해줘 나 가고 싶엉~ 위치는 ㅋㅋㅋㅋ항상 나오는 그것! 콘서트 기대된당~_~ geography 물어봐도 일반적인 질문하면 됨!! questions about you 해도 됨 지형인데 날씨 물어봐도 됨!! 지역마다 다르다 커서 이런거 나도 가고 싶다 한국에서 멀어? 언젠간 꼭 가보고 싶다 나 캐나다 좋아하거든 이렇게! 날씨 물어보고 national park 물어..

코드 블록 만드는 방법 문 문(statement)은 어떤 작업을 수행하는 문법 구조(syntax structure)와 명령어(command)를 의미 이 전 글에서 alert('hello world')를 통해 메세지 보여주는 걸 확인했다. 코드엔 원하는 만큼 문을 작성할 수 있는데 서로 다른 문은 세미콜론으로 구분한다. (어디서는 생략 가능이고 어디서는 필수이기도) alert('Hello'); alert('World'); 이렇게 두개로 나눈 alert 문은 hello를 확인하고 나면 world 가 나온다 코드의 가독성을 높이기 위해 각 문은 서로 다른 줄에 작성하는 것이 일반적. alert('Hello'); alert('World'); 세미콜론 줄 바꿈이 있다면 세미콜론(semicolon)을 생략할 수 있..

롤플레이 6 - 과거 경험 경험에 대해 과거 시제로 바꿔서 대답해야됨!!! 롤플레이 세 번째는 거의 이런 문제 나옴?! ordered got was called 이렇게 과거 표현 보여주는게 굉장히 중요함! 환불 해달라 했는데 규정때메 안된다고 했다 그래서 다른 걸로 교환해달라 했는데 된다 했당 가게 위치 물어봤더니 친절하게 설명해주고 내 집에 가까운 곳에 있었당 서비스 좋았고 문제 해결했당~ something just came up 일이 생겼다, 머리에서 뭐가 떠올랐다 다 쓸 수 있음! 좋은 표현 내가 일이 생겨서 취소했어야 됐는데 제안 했오 연기하자 했더니 스케줄때메 안된대 근데 다음 달로 연기하자 했더니 된대 다시 한 번 스케줄을 확인했고 다 좋아졌당 문제 해결~_~ 콘서트나 여행 계획 등 가족 문제..

실행 환경에 독립 적인 코어 자바스크립트(Core JavaScript) Node.js 같은 서버 사이드 환경에서는 node 파일명.js 명령어를 입력하면 된다 웹 페이지에 스크립트를 삽입하는 방법 script 태그 " data-ke-type="html"> HTML 삽입 미리보기할 수 없는 소스 브라우저는 이 태그를 만나면 안의 코드를 자동으로 처리한다. 모던 마크업 이 트릭은 경로는 루트에서부터 파일이 위치한 절대 경로/혹은 현재 페이지에서의 상대 경로 혹은 URL 전체를 속성으로 사용할 수도 있다. 여러 스크립트를 HTML에 삽입하고 싶다면 스크립트 태그를 여러 개 사용하면 됨 *HTML 안에 직접 스크립트를 작성하는 방식은 스크립트가 아주 간단할 때만! 스크립트가 길어지면 분리된 파일로 저장하는 것이..