프론트엔드 개발자 로드맵 출처 : https://github.com/devJang/developer-roadmap/blob/master/frontend-map.png 더보기 연화인 문제에 대해서 고찰 앞으로 연화인 문제 관련 떠오르는 것들은 여기 적을 예정임 180224 1. F12 버튼을 누르면 script 소스까지 볼 수 있어서 답이 다 보이는 상황이 있었다. 3회까지 출제하고도 이걸 몰랐다니... 엄청난 충격이다. 다른 프로젝트를 하더라도 script는 개별 js 파일을 만들어서 연결 시키는 것으로 해야겠다. 2. 광고 대신 Up 버튼으로 만족했는데, 그 버튼을 광고창으로 바꿔야 한다. 3. 다음 연화인 문제는 로그인 기능 추가하고 그 로그인 자체에서 생명력을 관리하게 해서 브라우저와 pc나 모바일을 가리지 않고 같은 생명력을 가지게 해야한다. 4. 광고 말고도 생명력은 시간이 지나면 자동으로 차오르게 만들어야 한다. 5. 취소버튼 누르면 탈락이라고 나오는 현상 없애야 한다. 더보기 로컬 스토리지 이용하여 Life 구현하기 게임에서 처럼 Life: 3 이고 잘못된 답을 입력하면 생명력 1이 깎이고 광고를 누르면 생명력이 늘어나는 식의 개념을 구현하고 싶었다. 일단 크게 중요한 것은 아니지만 브라우저를 껐다 켜도 내용의 변화가 초기화가 되면 안되니 로컬 스토리지 기능을 이용하여 구현을 해보았다. 코드는 아래와 같다. 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 현재 Life Up Down // Check browser supportif (typeof(Storage) !== "undefined") { if (!localStorage) { localStorage.set.. 더보기 이전 1 ··· 68 69 70 71 72 다음