TiL3 [Develog] 옵셔널 체이닝 1. 오늘의 문제점 : 새로고침시 로딩 오류 2. 해결방법 : 옵셜널 체이닝 DetailPage에 접속하면 기존에는 내용이 잘 나오는데 새로고침 할 경우 post.id를 찾을 수 없다는 오류가 떴다. 이 부분에 대해서 고민해봐도 답이 나오지 않아 재현님께서 튜터님을 찾아가 문의했다. 튜터님께서 이것 저것 만져보라고 하시더니 로딩문제인 것 같다고하셨고. 140번째 줄에 있는 post와 user를 console을 찍어보라고 하셨다. 튜터님께서 콜솔 결과를 보시더니 물음표를 찍어보라고 하셨고 결과는 해결! 문제는 로딩이 맞았고 물음표는 옵셔널 체이닝이라는 문법이었다. 위 사진의 콘솔 결과를 보면 초반에 빈값을 읽어오는 것을 볼 수 있다. 아직 로딩 중인 상태여서 post 값을 읽어오지 못했는데 post.id .. 2022. 12. 27. [TIL] 11월 10일 원장님 특강 정리 1. 웹사이트 흐름에 대한 기본적인 개념 - 서버: 내가 웹사이트에 뭔가를 요청(request)를 보내면 그에 대한 응답을 주는 것. 인터넷에 연결되어 있다. - 클라이언트: 나 + 브라우저. 네트워크로 연결된 서버로부터 정보를 제공받는 컴퓨터. ↔(서버). - route: 길을 안내해 주는 것. 요청이 들어오면 이리로 가세요 안내해주는 역할 - localhost : 내 컴퓨터를 가르키는 호스트이름. 주소는 127.0.0.1 - 프레임워크: 개발에만 집중할 수 있도록 제공해주는것. 어떠한 목적을 달성하기 위해 복잡하게 얽혀있는 문제를 해결하기 위한 구조며, 소프트웨어 개발에 있어 하나의 뼈대 역할을 한다. localhost:5000에서 5000이란? 내 컴퓨터가 열려있다면 모두에게 노출되므로 난 이 컴퓨.. 2022. 11. 10. [TIL] 2일차 회고록 오늘은 미니프로젝트를 진행했다. 각자 수준이 달라서 할 수 있는데까지 해보고 수요일 시작부터 공유해보기로했다. 오전에 병원을 다녀와서 시간이 훅 가버렸고 하루종일 만들어도 메인페이지도 완성을 못했다. 현재까지 만든 페이지다. 팀원명을 누를때마다 하단이 변경되도록 했다. 자바스크립트 문법적인 기초를 독학하긴 했으나 웹에 기능적으로 적용하려니 어렵다. 구글링으로 다양한 키워드를 검색했고 그 중에서 가장 직관적인 코드를 선택했다. 처음 참고한 코드는 아래 링크이고 [간단소스] 탭클릭시 아래내용만 변경 [간단소스] 탭클릭시 아래내용만 변경 탭이나 메뉴 클릭시 하단에 내용ㅇ만 바뀌고 전체 레이아웃은 고정되... blog.naver.com 이를 변형해서 아래와 같이 만들었다. 출처에서는 document.all을 사.. 2022. 11. 1. 이전 1 다음
