전체 글
React #6 [update, delete]
update form 요소가 있는 CreateContent를 복사해서 UpdateContent로 만들어준다. article이 mode에 따라 바뀌는 부분이 길어서 코드가 지저분해 보이기 때문에 render밖으로 getContent라는 함수로 만들어준다. getContent(){ let _title, _desc, _article = null; if(this.state.mode === 'welcome'){ ... } _article = } else if(this.state.mode === 'create'){ ... }.bind(this)}> } else if(this.state.mode === 'update'){ ... }.bind(this)}> } return _article; } 그리고 _article을..
To Do List 사이트 만들기 프로젝트
이전에 진행했던 노마드 코더 바닐라 JS를 통해 배운 To Do List에 기능을 추가하여 사이트를 만들었습니다. To Do List를 메인으로 계산기, 이미지 슬라이드, 캘린더 기능을 추가하였고 모두 바닐라 JS로 구현하였습니다. 캘린더는 fullcalendar 라이브러리를 사용하였습니다. netlify를 통해 호스팅한 사이트의 주소입니다. Document (to-do-site-jy.netlify.app) Document 0 0 7 8 9 C 4 5 6 ÷ 1 2 3 × +/- 0 . - = + ❮ ❯ to-do-site-jy.netlify.app 디자인 사이트를 만들기 전에 피그마를 통해 대략적인 디자인을 계획하였습니다. 로그인 화면 저장된 사용자의 정보가 없을 땐 로그인 화면이 나타납니다. 입력 칸..
노마드 코더 바닐라 JS 크롬 앱 만들기 졸업작품
이전 블로그에서 2022.06.22에 작성한 포스팅입니다. 노마드 코딩의 바닐라 JS 2주 챌린지가 끝났다! 이렇게 순식간에 끝나다니... 무료 강의였음에도 불고하고 이번 챌린지와 강의를 통해 감을 잡아갈 수 있어서 좋았다. 졸업작품으로 강의에서 배운 to do List 사이트를 만들어야 했다. 만들고 싶은 테마랑 기능들이 있어서 다 구상해놨는데 어쩌다보니 코테 준비하는 기간이랑 겹쳐버려서 기존에 만들어놨던 거를 좀 더 수정해서 냈다 ㅠ 시간을 내면 낼 수 있었을 텐데 아쉽다. 그래도 구상해뒀던 건 틈틈이 만들어서 포폴에 넣을 예정이다! 그리고 졸업 작품을 git.io로 냈어야 해서 그냥 기계적으로 git에 알고리즘만 올리다가 처음으로 제대로 사용해봤다. (git 강의도 들어야돼..) 그래서 그것도 ..
[JavaScript] 백준 기본수학 2 #4948번 베르트랑 공준
https://www.acmicpc.net/problem/4948 4948번: 베르트랑 공준 베르트랑 공준은 임의의 자연수 n에 대하여, n보다 크고, 2n보다 작거나 같은 소수는 적어도 하나 존재한다는 내용을 담고 있다. 이 명제는 조제프 베르트랑이 1845년에 추측했고, 파프누티 체비쇼 www.acmicpc.net 문제 베르트랑 공준은 임의의 자연수 n에 대하여, n보다 크고, 2n보다 작거나 같은 소수는 적어도 하나 존재한다는 내용을 담고 있다. 이 명제는 조제프 베르트랑이 1845년에 추측했고, 파프누티 체비쇼프가 1850년에 증명했다. 예를 들어, 10보다 크고, 20보다 작거나 같은 소수는 4개가 있다. (11, 13, 17, 19) 또, 14보다 크고, 28보다 작거나 같은 소수는 3개가 있..
자바스크립트 이론 정리 #1 [변수 hosting, 생성자 함수, computed property, 객체 메소드, 심볼]
유튜버 코딩앙마님의 자바스크립트 중급 강좌를 보고 정리한 내용입니다. https://www.youtube.com/watch?v=4_WLS9Lj6n4&list=PLu8qrPjYh1hcuFnkwiaEDb578Jklc1EWh&index=1&t=639s var과 let의 차이점 var은 재선언이 가능하지만 let은 불가능하다. var name = 'mike'; var name = 'snake'; //가능 let name = 'mike'; let name = 'snake'; //에러 hosting :스코프 내부 어디서든 변수 선언은 최상위에 선언된 것처럼 행동 var은 선언하기 전에 사용할 수 있다. console.log(name); //undefined var name = 'mike'; 이렇게 var을 선언하기..