pbj0812의 코딩 일기

0. 목표 - React 환경설정 및 테스트 1. 설치 및 테스트 - nodejs.org/en/ 에서 설치 - 설치시 node 와 npm 이 설치 1) node.js 설치 확인 node -v 2) npm 설치 확인 npm -v 3) npx 설치 및 확인 npm install npx -g npx -v 4) 앱 생성 - 원하는 대상 폴더에 아래 명령어 실행 뒤의 react_test 가 폴더명 - 뭔가 소스들이 여러개 생김 npx create-react-app react_test * 해당 링크의 소스 5) 앱 실행 sudo npm start * 에러 해결 - 아래와 같이 에러가 발생 하였을 경우(에러 내용) ./src/index.css (./node_modules/css-loader/dist/cjs.js??r..

0. 목표 - 내 홈페이지에 iframe 형태로 youtube 동영상 삽입 1. 실습 1) 준비물 - 영상 구하기 2) 코드 작성 - iframe 테스트는 기본적인 iframe을 사용했을 경우를 보기 위한 것 - iframe player api 이후가 실제 필요한 값 - 중간의 videoId 부분에 위 영상의 videoId(youtube.com/watch?v= 이후 뒷 부분)를 입력 - api 참고 문서는 하단의 참고 부분 확인 회원가입을 다시 한번 축하합니다!! iframe 테스트 iframe player api 2. 결과 - 일반적인 iframe을 사용할 경우 에러 발생 - Youtube Player API를 사용할 경우에는 정상 작동 확인 3. 참고 - iframe 삽입에 대한 Youtube Pla..

0. 목표 - html 붙은게 맘에 들지 않아 바꾸고 싶음. 1. 실습 1) 코드 작성 - body 안에 아래 코드 삽입 - 완성 회원가입을 다시 한번 축하합니다!! 2. 결과 3. 한계 - 새로고침할 시 에러 발생(실제의 url이 아님.) - 마찬가지의 이유로 복사해서 붙여넣었을 때도 에러 발생. 4. 참고 - history api

0. 목표 - JavaScript로 시계를 만들기 1. 상황 1) 서핑하다 보니 시간이 너무 빨리 지남 2) 시계를 보기 위해서는 마우스를 올려서 시간을 봐야됨. 3) 귀찮음 2. 코드 작성 1) index.html - title에만 head라는 클래스를 둠(추적용) 2) clock.js (1) querySelector로 head탐색 (2) Date로 현재 시각을 할당 (3) getHours, getMinutes, getSeconds로 현재 시각의 시, 분, 초를 받음 (4) 9시 9분 9초 일때는 9:9:9로 표출되기 때문에 10보다 작을때는 앞에 0을 붙이도록 zeroGenerator 함수 작성 (5) dummy 변수를 이용하여 각 함수 결과 값을 받음 (6) 처음에 생성한 clockTitle의 텍스..

- 이 문서는 이고잉님의 강의 예제를 활용한 것이기에 원본 링크를 먼저 올립니다. 0. JavaScript 시작 1) 예제 코드 작성 - html 문 안에서 동작 - 사이에 JavaScript 문을 입력 - test.html로 저장 2) 예제 결과 - test.html 더블클릭 - 경고창 발생 1. if 1) 예제 코드 작성 - a 가 1일때 OK, 그 이외의 문자를 입력하였을 때 NO가 출력 - else if도 중간에 넣어 사용 가능 2) 예제 결과 - a = 1 일때 - a = 2 일때 2. while 1) 예제 코드 작성 - i가 10보다 커질때까지 i 증가 및 출력 2) 예제 결과 3. for 1) 예제 코드 작성 - 1부터 10까지 덧셈하기 2) 예제 결과 4. 참고 - 생활코딩