[ModernJS_DeepDive] 4장 변수

책 제목: 모던 자바스크립트 Deep Dive 저자: 이웅모 저 출판사: 위키북스 모르는 것만 골라볼까, 고민하다가 아는 개념은 빠르게 넘기기로 .... 사실 모르는 게 더 많음 하다 보니까 할당 부분에서 var, let, const 차이를 알고 4장을 보는 것이 더 이해하기 좋을 것 같다는 생각을 했다. var는 아예 안쓰는데, 이 책에서 예제 설명할 때 var를 사용하여서 일단은 책에 있는 그대로 따라갔다. 4.1 변수란 무엇인가? 왜 필요한가? 아무리 복잡한 애플리케이션이더라도 *동작 방식은 다 똑같다. *동작 방식: 데이터 입력받기 > 처리하기 > 결과 출력하기 데이터를 관리하기 위해서 변수는 주요 개념이다. 10 + 20 사람은 위의 식을 계산하기 위해 아래와 같은 과정으로 결과인 30을 출력한..

• format_list_bulleted [Study] FE/📕 ModernJS_DeepDive Study
• · 2023. 6. 8.
• textsms

[포스코x코딩온] K-Digital training 웹 개발자 입문 과정 6기

교 육 기 간 : 2023. 02. 27 ~ 2023. 05. 22 교 육 과 정 : K-Digital training 웹 개발자 입문 과정 https://educs.posco.co.kr/home/info/business/kdigitalTraining.do2 POSCO K-Digital Academy 사업소개 K-Digital Training K-Digital Training 디지털 핵심 실무인재 양성 사업 K-Digital Training ※ POSCO는 K-디지털 트레이닝의 주요 디지털·신기술 기관 이며, 코딩온은 전문훈련업체 입니다. POSCO K-Digital educs.posco.co.kr 졸예도 아니고 고졸인 나에게 부트캠프 구하기란 쉽지 않았다. 보통 기업에서 해주는 부트캠프는 취업예정자들만..

• format_list_bulleted 기타 덩덩/Experience
• · 2023. 6. 2.
• textsms

Chat-GPT와 STT 기술을 활용한 회화 기능

🗣️ 프로젝트 소개 TalkFlow-KR : chat-gpt를 활용한 회화 서비스 개발 ⏰ 개발 기간 2023.05.02 ~ 2023.05.15 ⚙️ 개발 환경 ront-End : React, OpenAI(text-davinci-003모델 사용), STT(Speech-to-Text, React-Speech-kit API 사용) Back-End : Node.js Server : Mysql ✍ TalkFlow 기능 - stt api 사용해서 음성 데이터 처리 - OpenAI gpt-3 모델 사용 ✍ 코드 기술 데이터베이스 설계 AQueryTool 을 사용해서 초기 설계 후 VScode extension 으로 MySQL DB 연결 설정 파일 ('config/config.json')에서 데이터베이스 연결 정보를..

• format_list_bulleted [Study] BE/Node.js
• · 2023. 5. 25.
• textsms

[React] 타이머 컴포넌트 만들기

과제형 코딩 테스트 연습 n초부터 1초마다 1씩 감소하는 타이머를 구현해보려고 한다. stop 버튼을 누르면 타이머가 멈추도록 할 것이다. react에서는 useState hook과 useEffect hook을 활용하여 설정할 수 있다. 자바스크림트에서는 setTimeout 과 setInterval 함수로 해결할 수 있다. 그 중 setInterval()를 호출해서 고정된 시간 지연으로 함수를 반복적으로 호출하고 setInterval 이 반환한는 interval ID를 clearInterval() 함수로 제거한다. import { useState, useEffect, useRef } from 'react'; const Time = () => { //컴포넌트는 useState 훅을 사용하여 min, sec..

• format_list_bulleted [Study] FE/React
• · 2023. 5. 18.
• textsms

[Git] Git branch 삭제하기

어디서부턴가 꼬여버린 깃으로 브랜치를 생성한 뒤 삭제할 수 없었다. 항상 쓰던 jiyoung 브랜치를 사용해서 add > commit > push origin jiyoung 해주고 Merge한 뒤 브랜치를 delete 해주고 내 로컬에서도 delete 하려고 했는데 중간에 많은 문제가 생겨서 돌고 돌아 겨우 깃 살려놨더니, 나한테 또 닥친 시련이다. git branch -a 명령어로 생성되어있는 브랜치 목록을 확인한다. 다른 팀원 분들의 브랜치도 엄청 많이 쌓여있다. 제발 깃에 merge하고 나면 삭제해주세요. 내 브랜치만 확인하다면 일단 jiyoung을 지우고 싶다. 로컬 브랜치에서는 git branch -d 브랜치이름 으로 삭제하면 된다 그럼 원격저장소에 올라가있는 git push origin --d..

• format_list_bulleted git & github 공부 기록/🙈 git 오류
• · 2023. 5. 14.
• textsms

React와 Node.js 로 만든 Todo List Mini Project 회고록

🗣️ 프로젝트 소개 Full stack Mini Project ⏰ 개발 기간 2023.04.28 ~ 2023.04.30 ⚙️ 개발 환경 Front-End : React Back-Ent : Node.js Express Server : Mysql ✍ Todo List 기능 - 파비콘 설정 - document.title 변경 - 엔터 입력/ 빈값 입력 x - 반응형 -show / create / edit / delete - 취소선 - 내림차순 정렬 - checkbox 크기 변경 ✍ 코드 기술 Client Public index.html에서 favicon.ico 수정 src components AppTodo.js OnBuutonClick addItem 함수 실행 공백 입력 X input 초기화 onEnterKe..

• format_list_bulleted [Study] FE/React
• · 2023. 5. 6.
• textsms