하얀성의 개발 메타인지

이 프로젝트 특징1. 시간이 일주일 밖에 없었음. 부탁도 갑작스럽게 받은 프로젝트.(내가 따로 할 일도 있었다.)(하지만 승낙, 이유는 일정에 쫓기는 앱 개발 경험을 해보고 싶었음) 2. 기존 앱들과는 다르게 내가 백엔드 코드를 못보고 오로지 상대방이 잘해 놓은거라 믿고 해야함. - 홈 -- 기록열람 -안틀릴 경우 재생바가 희미해지고 play버튼이 재생 가능할 경우 초가 나오고 선명해집니다. 날짜 선택이 가능합니다. 기능 추가내용이 생각지도 못하게 계속 불쑥등장한다.  그것들이 은근히 힘을 빠지게 한다. 하지만 마지막까지 그래도 하기로했으니 끝장을 보고 디테일을 높이고자 애많이 썼다. 1. 홈그리고 관련 fetch를 통한 클라이언트 호출이나, proxy로 상대경로 호출이 필요했음.(사진만 불러오면 되는데..

ㅊㅎ님 제공자료구조 (테이블)ATC (녹음프로그램 입력값)whisper 데이터베이스 → ATC 테이블 입니다테이블 설명ID : 기록 고유번호입니다. 따로 별도로 추가하지 않아도 자동으로 세어집니다. Primary 키로, 중복되면 안됩니다.TIME : 날짜, 시간입니다radio_code : 호출부호입니다.script : 음성인식한 내용을 넣습니다.path : 경로를 넣고 웹에서 해당파일을 불러와 재생하기 위해 사용합니다.   Weather (데이터 값은 20분마다 자동업데이트, 최하단 13개 데이터가 가장 최신값) DB 설명ICAO - ICAO 공항코드AIRPORT_NAME - 공항 정식명칭Air_Temperature - 기온(섭씨)QNH - 기압(hPa)Wind_Speed - 풍속(knot)Visibil..

링크 해당 링크에 들어가준다. Teachable Machine Teachable MachineTrain a computer to recognize your own images, sounds, & poses. A fast, easy way to create machine learning models for your sites, apps, and more – no expertise or coding required.teachablemachine.withgoogle.com1, 모델 학습시키기 캠을 켜면 아래와 같은 화면이 나오게 된다. 동작1마다 클래스로 지정해서 학습시켜준다. 지금할 프로젝트는 가만히 있으면 알람이 멈추고,오른쪽이나, 왼쪽으로 고개를 젖히는(즉, 조는 상황이라 가정) 상황에서는 알람이 울리도..

db 형식 memo 입력화면 1. 화면 생성 및 입력에러 경고창 발생시키기. 프론트 단에서 일어나는 일은 프론트에서 해결하는게 맞다. 그래서 html에 js 코드를 추가시켜서 코드를 검사하고 경고창을 띄워줘야 한다. onsubmit이라는 form 태그의 특성을 통해서 submit 할때 내가 원하는 함수를 실행하도록 했다. 그리고 index는 문자열화 하는 것도 잊지말자. server.js app.get('/memo', (req, res) => { res.render("memo.html") }) memo.html const bodyParser = require('body-parser') const express = require('express') const app = express() const nunj..

예상결과 데이터구조 1. node.js에 대한 이해들 1-0 한 웹앱에 한 서버가 일반적. (물론 쪼개서 쓸 수는 있음.) 서버.js , 서버2.js 이렇게 두개의 서버가 동시에 돌아갈 순 없음. 1-1 get , post , put, delete를 한 라우터에서 모두 관리가능. php는 입력창을 만들 때, post 하는 곳 get하는 곳이 있다면 delete 등의 삭제기능은 따로 화면을 만들어서 만들어줘야했지만 node.js는 삭제기능을 router를 통해서 한 곳에서 가능해짐. PHP는 전통적으로 서버사이드에서 페이지를 처리하는 언어로, 각각의 PHP 파일이 하나의 엔드포인트(URL)로 동작합니다. 이는 웹 서버(Apache, Nginx 등)가 URL을 파일 시스템의 경로로 직접 매핑하는 방식으로 동..

node.js의 get, post 주의사항들 1. get은 '/주소' 로 들어가면 바로 실행. / post는 submit할때 실행. 2. get은 req.query를 통해, req.post는 body를 통해서 데이터를 불러옴. (query를 통해 요청매개변수를 url부터 가져오는것. / post는 덮어쓰기이니, body 를 통해 요청본문을 가져온다.) get은 /주소로 들어가자 자동실행으로 요청하고 받아옴. 하지만 데이터는 없으니 query(요청매개변수)에 아무것도 담기지 않은채로 rendering됨. my name is 옆이 빈 상태. 렌더링 되는게 html뿐임. app.get('/express', (request, response) => { let name = request.query.name; co..

해당 오류는 appendChild 메서드가 Node 유형의 매개변수를 예상하고 있으나, 다른 유형의 값을 받았다는 것을 나타냅니다. 제공된 코드 조각에서 오류가 발생하는 부분은 다음과 같습니다: javascriptCopy code $logs.appendChild(`${out}아웃`); 틀렸다 나옴. 이유는.. ${out}아웃 문자열을 포함하는 텍스트 노드를 생성하는 이유는 appendChild 메서드에 전달할 수 있는 유효한 매개변수는 Node 객체뿐입니다. appendChild 메서드는 DOM에 요소를 추가하기 위해 사용되는데, 이 때 추가하려는 요소는 Node 객체여야 합니다. 따라서, ${out}아웃과 같은 텍스트를 직접적으로 appendChild 메서드에 전달할 수는 없습니다. 대신에, 해당 텍스..

alt + 위 or 아래 방향키 두 개의 줄. 서로의 줄 위치 바꾸기 이게 강의에서 올려준 최종 코드 따라친 완성본이라할 수 있다. 강의에서 if문의 복잡함을 완화해주는 방법, 코드를 수정하는 모습을 보여주기 등을 해주었으나 솔직히 내가 한,두번 따라해서 얻을 스킬이 아니다. 답지 따라서 읽으면 알겠는데... 조금만 비틀기해도 ㅈ되는... 이 상황 예전과 참 비슷하다? ㅋㅋㅋㅋ 1문제당 이해하는데 30분을 걸리는 걸, 시험에서는 비튼 문제를 30분만에 풀어라고... 했었다. 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 38 39 40 41 42 43 44 45 46 4..

숫자를 입력한다. [계산하고 싶은 버튼을 클릭한다. 임의의 변수를 생성한다. 입력받은 숫자와 알맞은 사칙연산 기호를 변수에 저장한다.] 숫자를 입력받는다. 변수에 숫자를 집어 넣는다. 만약(=을 누르면 ){ 변수를 출력한다. } =을 누르지 않고 다른 사칙연산을 눌렀다면 { 변수2를 생성한다. 변수2에 변수1을 할당하고 사칙연산 1을 할당 } return 문이 없는 함수는 항상 return undefined로 설정되어있는 것이다. addEventListener('click', 함수명)이 와야되는데 함수 자리에 return이 undefined가 오는 건 맞지 않다. 함수를 리턴하도록 수정한다. [ return () => {}; ] 그런데 return () => {} // {}안에 내용이 없으니 결국 cli..

ctrl + b : 파일,폴더창 여닫기 조건 많은 것들을 다했지만... 결국 if문 한개를 onClickButton 함수에 추가해주었다. prompt 취소 창을 선택하면 null값이 나오는 건 알겠는데 어떻게 화면을 못바꾸게 하는지 모르겠다. ㅡ> 전체를 조건식에 가둬서 number에 null 값이 들어가면 아예 실행이 안되도록 했다. 그런데 저 $input.value.length 로 조건비교 하는게 맞나 싶다. ㅡ> newWord.length를 기존 조건식에 &&으로 우선순위로 추가 $input.value를 ' '로 초기화 한다고해서 단어가 초기화 안되고.... 값이 제시어로 올라가버리던데 (이건 취급 안해주더) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15..