start211120

#3 STATE 부분 3.2 자체 주석 메모 상기 코드로 HTML에 에 작동하면 , div 전체가 아니라 count 값만 바뀐다. innerText= 를 통해서 넣어줄 경우 div 전체가 rerendering 되는 것과 달리 카운트 값만 바뀌고, 그것을 검사창에서 확인할 수 있다. 와우... 보이는 것은 같지만 몇 밀리초 정도 더 빠르다고 한다. 오우...

HTML.CSS.JavaScript/React 2022. 3. 11. 21:59

- 본 글은 스마트 인재개발원 서포터즈 활동으로 작성한 글입니다 위의 구글 지오로케이션을 완성도 했고 이해도 쫌 했다! 이게 어느 순간 하나씩 보다가 어! 하고 느낌이 왔고, 하나 하나 차근 차근 완성했는데, 엄청 재미있었다! 구글 지오로케이션으로 하나씩 기능을 만들어서 해보는데 시간이 부족해서 그렇지 다시 말하지만 정말 재밌었다ㅎㅎ 화면에 지도로 구현이 되고 하니까, 맨 처음 웹에 글자 쓰던 느낌!? 여튼 시작해보자! 0. 미리 알아둬야 하는 내용! 구글 maps api 설명에 있었던 말이다. 한편으론 당연한 말이지만, 해당 'api를 사용하기 위해 작성해야 하는 객체나, 컴포넌트가 있다.' 라는 내용이다. 부트 스트랩 프레임워크처럼 엄격하게 규칙을 따르는 것은 아닌지만, api 에서 제공하는 기능이 ..

HTML.CSS.JavaScript 2022. 2. 28. 01:00

- 본 글은 스마트 인재개발원 서포터즈 활동으로 작성한 글입니다 지금은 굉장히 힘든 기간이다. 1차 프로젝트 기간이면서, 3월 5일에 정보처리기사 필기 시험을 앞두고 있다... 그나마 다행인 것은 우리 반 전체, 즉 같이 프로젝트를 하고 있는 모든 팀원이 시험을 준비하고 있다는 점이다. 그래서 내가 시험 공부를 병행한다고 해서 팀원에게 해를 끼치는 상황은 아니라는 점이다. ( 내가 맡은 역할만 잘 해낸다면 말이다 ... ) 그래서 일정관리가 굉장히 중요하고, 프로젝트 시간과 시험 공부 시간의 배분, 그리고 시간 안에 해내는 것이 정말 중요한 상황이다. 현재, 나는 프로젝트에서 필요한 기능 중 하나인 Geolocation 과 Reverse Geocoding 이라는 벽에 막혀있고 곧 밤잠을 줄여서 뚫어낼 것..

HTML.CSS.JavaScript 2022. 2. 21. 01:08

- 연휴 집에서 복습 겸 JavaScript 1시간 입문 정리 영상이란 걸 봄, '개발자의 품격'이란 초보 코딩 유튜버(전투력, 아니 구독자 약 1.1만)의 영상을 봄. 소스코드 참조. -기본 개념 설명하는 입문 영상인데 왠지 jquery가 포함되어 있고, 그 때문에 import 코드가 들어간다. 그래서 코드만 처음부터 봤다면 나도 겁 먹을 뻔 ㄷㄷ - 여튼 이 포스팅의 중요한 점은, 태그는 태그 아랫쪽에 쓴다고 설명해준 부분이다. 나도 수업 때 보면 선생님께서는 코드를 자연스럽게 태그 안, 바디 내용 아래쪽에 를 작성하기 시작하신 게 떠올랐다. 이 이유는 http 파일에서 페이지를 불러올 때 위에서 아래로 코드를 읽어내려오는데, css 코드 처럼 head 태그 안에 있을 경우, javascript 코드..

HTML.CSS.JavaScript 2022. 1. 30. 12:16

Javascript 책에 있는 랜덤 가위바위보 맞추기 실습이 너무 하고 싶었다. 변수를 하나 더 저장하고 if 문으로 조건을 넣어서 승패 표시를 넣었다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 document.write( "가위,바위,보 게임! (Rock!, Scissor!, Paper!) " ); var user = prompt( "가위,바위,보 게임!(Rock, Scissor, Paper) 무엇을 내시겠습니까?!" ); document.write("컴퓨터가 낸 것은!"); let rdNum = Math.ceil(Math.random() * 3); let com = ""; if (rdNum == 1) { // 주먹 document.write..

HTML.CSS.JavaScript 2022. 1. 25. 01:37

Javascript, doit, 교재 따라하기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 var today = new Date(); //왠지 모르지만 밑에 애들 변수 지정 안 했는데 작동됨. 해도 잘 됨. nowMonth = today.getMonth(); // nowMonth 에 today 날짜의 월을 입력(0부터11: 1월은 0, 12월은 11) nowDate = today.getDate(); // nowDate에 일을 입력 nowDay = today.getDay(); // 0(일요일) 부터 6(토요일) 까지 요일 중 오늘 요일을 담음. document.write..

HTML.CSS.JavaScript 2022. 1. 24. 00:12