본문 바로가기

분류 전체보기402

[내배캠] 002. [JS] 객체와 배열 - 값 접근하기, 수정하기, 삭제하기 객체란?개념key : value로 이루어진 데이터의 집합.리액트에서는 JSON 형태로 데이터를 불러오는 작업을 많이 한다. (JSON, JavaScript Object Notation)특징key: value 쌍을 이룬다 / value에는 모든 자료형이 올 수 있다const user = { name: '장원영', // string type age: 21, // number type group: 'ive', isBeauty: true, // boolean type printHello: () => console.log('hello') // function}접근 방법점 표기법console.log(user.name); // '장원영'console.log(user.age); // 21us.. Programing/React 2024. 5. 10.
[내배캠] 001. [JS] 변수 (let, const, var) 와 스코프, 호이스팅 변수란?변수의 필요성데이터를 저장하고 관리하기 위해. 데이터를 저장해서 다른 코드에서 재사용할 수 있다.let numberOfusers = 50;numberOfusers = numberOfusers + 5;console.log(numberOfusers); // 55위의 예제에서는 1번 재사용했지만, 실제로 코드를 작성하다 보면 수 십, 수 백 군데에서 재사용 하기도 한다. 이 때 원본 데이터가 변경되면 그 부분을 모두 수정해주어야 하는데, 변수에 할당해서 재사용하는 경우 변수의 값만 바꾸어 주면 되기 때문에 효율적.변수의 특징변수 선언문의 스코프변수 선언문스코프설명var함수 스코프선언된 함수 내에서 접근 가능let, const블록 스코프코드 블록 내에서만 접근 가능변수 선언문에는 let, const, v.. Programing/React 2024. 5. 10.
2024-05-09 팀 프로젝트 한/영 전환 기능 튜터님 피드백 내가 구현한 한/영 전환 코드// index.html의 영화 카드를 언어 정보만 바꾼 채로 새롭게 그리기 위해 import함.import { movieListAPI } from "./movie.js";// 언어변경 버튼 선택자 지정const changeLangBtn = document.getElementById('lang_change_btn');// 웹 브라우저 기본 설정 언어를 로컬스토리지에 저장 (일반적으로 한국어 사용자면 'ko-KR'일 것이고, 영어권 사용자면 'en-US'일 것.)if (!localStorage.getItem("currentLanguage")) { localStorage.setItem("currentLanguage", navigator.language);}// 로컬 스토리지.. Programing/TIL 2024. 5. 9.
팀원 입장에서 GitHub로 협업하기 팀원 입장에서 최초 깃허브 초대받은 리포지토리에 연결하기// 전부 내려받음. 원격 저장소의 주소는 .git으로 끝나는 것. 뒤에 한칸 띄고 .은 상위 폴더를 만들지 않는 것.git clone . // 전체 브랜치를 보여줌(확인 차)git branch -a// 내 작업 브랜치를 하나 만들고 이동함git switch 작업하기 전// 깃허브에서 누가 push한 것이 있는지 확인한다// 또는 습관적으로 메인 브랜치를 pull 해서 최신 버전으로 만들고 시작한다. 내 꺼 다 만들고 pull 해도 되지만 병합 충돌하기 까다로울 수 있다.// origin은 보통 저렇게 설정하고, 아닌 경우도 있음.git pull origin 작업 완료 시// 현재 위치 중인 브랜치 확인git branch// 만약 엉뚱한 곳에 있다.. Programing/Git 2024. 5. 9.
구글 스프레드시트를 API 호출하여 실시간으로 fetch하고 JSON으로 파싱하기 상황구글 스프레드에 작성된 데이터를 배열 안에 여러 객체가 담기는 형태로 API를 요청하고 이를 JavaScript 코드로 JSON 파싱하여 실시간 데이터를 사용하고 싶다.Fetch API를 사용하여 비동기적으로 데이터를 요청하고 응답을 받을 것이다.방법구글 스프레드 시트에서 데이터를 작성한다.Apps Script 열기스프레드시트에서 확장 프로그램 > Apps Script 를 선택.편집기가 열리면 기존 코드를 지우고 아래 코드를 붙여 넣음.function doGet(e) { var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet(); var rows = sheet.getDataRange().getValues(); var data = [];.. Programing/JavaScript 2024. 5. 8.

티스토리툴바