프론트엔드 가보자GO 프론트엔드 가보자GO

드디어 내배캠 개강 첫날이다 2주 동안 사전캠프를 먼저 선행학습으로 하면서 1주차는 웹종반 수업 복습 2주차는 미니 팀프로젝트를 진행하면서 강의들었던 내용을 바탕으로 더 응용해서 팀원들과 웹페이지를 만들었다. 오늘 본 캠프 개강하고 바로 GIT 협업 특강이 약 2시간동안 이뤄졌는데 강의 내용 따라서 실습해보다 중간에 에러가 뜨면서 길을 잃었다.. 질문하고 싶어도 실시간 줌으로 진행되는 수업이고 정말 많은 사람들이 있어서 딜레이될것 같아 질문하지 못하고 넘어갔다. 나중에 줌 영상 녹화본 올려주시면 개인공부로 다시 복습을 무조건 해야한다... 가장 기본적인 것들만 기억난다. 강의를 들으면서 놓치기 전까지의 명령어들을 작성해보자면 pwd 현재경로 확인하기 (2가지) :절대 경로 (전체경로) :상대 경로 (현재..

어제는 html코드에 이미지 주소를 적어서 카드 이미지가 제대로 보여지는지 확인하는 작업을 했다. 영화리뷰 페이지가 웹페이지에 저장하려면 자바스크립트 함수를 이용해야 한다. addEventListener를 이용해서 이벤트를 등록하면 되는데 이 방식은 여러개의 이벤트 핸들러를 등록할 수 있는 장점이 있다. 카드 작성하기 버튼을 클릭(이벤트)하면 html 요소들의 클래스 이름 및 태그를 갖고 오기 위해서 querySelector를 지정해준다. $(document).ready(function () { show_order(); }); document.addEventListener('DOMContentLoaded', function () { document .querySelector('.mybtn button')..

작품리뷰를 해야하기 때문에 셀렉트옵션에서 작품제목을 선택하면 작품 포스터이미지도 나올 수 있게 하고 싶었다. 작품 선택후 리뷰 적고, 별점까지 선택한 후 작성하면 최종적으로 포스팅 되는 카드를 만드는게 목표다 요소 내에 직접 이미지를 삽입하는것은 불가능하기 때문에 이미지를 요소의 data-image 속성에 저장하고, 선택된 요소에 해당 이미지를 출력할 수 있도록 할 것이다. 이렇게 하면 이미지를 따로 다운받지 않고도 url로 긁어와서 나타날 수있게된다. 기존 짜놓은 코드에서 작품 제목 타짜 도둑들 관상 굿바이 싱글 시그널 직장의 신 아이디를 id="movie-select" 새로 하나 설정해주고 data-image에 해당하는 작품 이미지 주소를 붙여준다 작품 제목 타짜 도둑들 관상 굿바이 싱글 시그널 직장..

나는 내일배움캠프의 프론트엔드 리액트파트에 지원했고 리액트팀에서 새로운 조가 편성되어 캠프 개강을 일주일 앞둔 시점에 첫 미니 팀프로젝트를 받았다. 웹종반 수업에서 실습해본 팬명록, 버킷리스트 등을 바탕으로 한가지 주제를 선정해서 프론트엔드와 백엔드의 전반적인 흐름을 이해할 수 있도록 사이트를 하나 만들어 발제해야한다. 우선 우리 조는 다양한 의견 제시를 통해 여러 주제가 나왔지만 최종으로 배우 한명을 선택하고 그 배우의 필모그래피를 선택하면 해당 작품에 대해 리뷰와 별점, 그리고 명대사까지 남길 수 있는 배우리뷰 사이트를 만들기로 정했다. 회의끝에 나온 와이어프레임은 미리캔버스를 통해 대략 이런느낌으로 구성하였다. 전체적인 css는 팀원분 중의 한분께서 전에 수업을 들었던 미니홈피 파일이 있어 백그라운..