반응형

data lab 33

Js 니코강의 3

니코 강의를 보니까 주로 점표기법을 통해 객체 참조를 한걸 바로 사용하는게 아니라,새로운 변수를 선언하고 그 변수에다가 객체 참조를 할당해서 사용하네! 아하 이렇게 하는거구나예를 들어const username = loginInput.value;이런 식으로. html form 태그 내부의 input의 기능 중required, maxlength, type, placeholder 등이 있다. 이건 브라우저 자체의 기능. oh yeah form 안에서 enter 을 누르고, input 이 더 존재하지 않는다면 자동으로 submit 된다는 규칙이 있다. 코코아톡 클론 강의도 들어야해?ㅜㅜ form 형태에다가 addEventListener 을 추가하면, submit 행위도 모니터링할 수 있구나? 버튼 형태면 cli..

data lab 2024.07.27

promise, async, await 공부하기

https://joshua1988.github.io/web-development/javascript/javascript-asynchronous-operation/ 자바스크립트 비동기 처리와 콜백 함수(중급) 중급 자바스크립트 개발자가 되기 위한 자바스크립트 비동기 처리와 콜백 함수 이해하기. 콜백 지옥과 해결 방법 등joshua1988.github.ioajax 를 사용할 때, url에서 정보를 받아오고, 변수에 정보를 할당한 후에 console.log로 찍으려고 하는데 undefined가 뜬다. 이거 왜이럴까? 두 함수가 동시에 실행되었기 때문이다. console.log 함수는 ajax가 실행된 후에 실행되어야할 필요가 있다. 이렇게 특정 로직의 실행이 끝날 때까지 기다려주지 않고 나머지 코드를 먼저 실..

data lab 2024.07.22

형님의 Js 화살표함수와 구조분해할당, 얕은복사 깊은복사 개인과외 - 3

Object.entries() 에다가 배열내장 메소드인 reduce를 사용하는 방법const a = {a:'123', b:'456'};const b = Object.entries(a).reduce((acc, [key, value])=>{ acc[key]=value; return acc }, {});// 이걸 구조분해 할당을 사용하지 않았다면const origB = Object.entries(a).reduce((acc, curr)=>{ const key = curr[0];const value =curr[1];acc[key]=value;return acc;});//이걸 화살표 함수를 안쓴다면?const realOrigB = Object.entries(a).reduce( function(acc,curr){co..

data lab 2024.07.16

형님의 js 필수 전수업review 과외 2

((name)=>{ console.log(`hello`); })('이종우'); let은 자꾸 바껴서 자료형도 바뀔 수 있다. 유지보수 면에서 너무 위험하대. const는 원시타입일경우 바꿀수 없다.하지만 바꿀수있는 법은const testObj = {a: 1};//이건 안댐 (참조 타입)testObj= {b: 1};// 이건 댐 (참조 타입)testObj.a = 2; Object.keysObject.entriesObject.valuesconst b = {...a};스프레드 다른참조 같은 값. 참조를 복사하지 않고 값만 복사할 수 있다.const reduce = Object.entries(a);Object.keys(a);Object.values(a);//[ ['a', '123'] , ['b', '456'] ..

data lab 2024.07.15

형님의 Js 필수 기본개념, 내장 배열 method 개인과외 - 1

상수상수는 변하지않는 변수. const로 선언변수변수는 let으로 선언(var은 선언이 최상단으로 올라오는 호이스팅과 함수 스코프의 모호함 때문에 요즈음은 대부분 let 쓴다.원시타입(primitive types)-단일 값을 저장한다.(stack에 독립적으로)-숫자, 문자열, 불리언, undefined, null-값이 저장, 복사가 된다참조타입(reference types)-메모리 주소를 참조해 값에 접근한다(heap에 실제값 저장, 스택에 메모리주소값 저장-객체(object), array, function단일값 저장과 메모리 참조 방식의 차이는, 복사한 값이 원본의 변경에 영향을 받냐 안받냐, 변경할수있느냐 없느냐이다원시값은 접근 복사가 빠르지만 크기가 제한돼있고, 참조값은 접근복사가 느리지만 크기가 ..

data lab 2024.07.13

react native - Expo 공부 3 - expo firebase 연동하기 - 실패

저번 글에서 일단 파이어베이스 연동안하고 클라이언트 측에서 코드만 변하는걸로 배포할거라했는데, 이게 진짜 내가 얼마나 무지한지 알려주는거다. 그런식으로 배포하면 사용자가 작성하고 앱끄면 다 날라가는데 앱이 무슨 의미가 있나 도대체? 웃기기만 하다. expo랑 파이어베이스랑 어떻게 연동하는건지 좀 찾아보자 nxp create-expo-app firebase-integration이게 expo 프로젝트 생성이래. 그래? 이건 처음 할 때부터 이렇게 해야하는거같은데 흠~https://kimnerd.tistory.com/193 [React Native] Expo & Firebase 연동하기 (RDS 사용법) kimnerd.tistory.com이사람 블로그 좋은거같다 1. firebase 설치 및 연동npx exp..

data lab 2024.07.08

react native - Expo 공부 2 -구글 플레이 콘솔 개발자 계정 등록하기

구글 플레이콘솔 개발자 계정 등록했다. 25000원인가 냈다. 개인정보 처리방침은 로폼 '자동문서 작성'에서 작성해서 pdf를 뽑았는데 pdf 안에 글씨가 전혀 인식이 안돼서 클로드한테 물어봤다.구글드라이브에 올린 다음에 구글 독스로 열라길래 해보니까 그냥 문서화됐다. 나이스노션에 그대로 붙여넣고 웹 퍼블리시 한다음에 링크 붙여서 냈다. 또 뭐가 필요하니? 다시 vs code로 돌아와서, react native 를 expo로 하던게 떠올랐다. expo start 하니까 또 또 또 expo란 명령어가 없단다. npm install expo-cli -g해서 깔고 다시 expo start 했더니 노드 버전이랑 안맞는댄다. 엑스포 일 안하냐?결국 npx expo start 하니까 됐다.  npx란 무엇인가npx..

data lab 2024.07.07

구글 플레이 개발자 계정 만들기

https://wp.swing2app.co.kr/knowledgebase/google-developer/ 구글 개발자계정 만드는 방법 – 스윙 도우미★구글 개발자 계정이란? -플레이스토어에 앱을 출시하기 위해 만들어야 하는 개발자용 계정으로, 구글에 등록비를 내고 만들 수 있습니다. -계정 등록비 : 25달러 (한번 결제시 평생 이용, 한국wp.swing2app.co.kr https://velog.io/@psb7391/%EA%B5%AC%EA%B8%80-%ED%94%8C%EB%A0%88%EC%9D%B4-%EC%8B%A0%EC%9B%90-%ED%99%95%EC%9D%B8 구글 플레이 신원 확인구글 플레이 콘솔에서 앱 수익이 낫는데 계좌에 입금되지가 않았다.왠지 봤더니 결제 대금 지급 보류? 라는 경고창이 있..

data lab 2024.07.05

react native - Expo 우당탕탕 입문 1

expo가 그렇게 좋대서 시작해본다.expo 란걸로 하면 그렇게 쉽다길래 expo를 설치하려고했다. node.js 는 이미 설치되어 있다. vscode의 zsh 터미널을 사용했고, 맥북의 데스크톱에 code 폴더를 만들고 안에 expo240705 라는 폴더를 만들었다 근데 계속 무슨 npm의 권한이 시스템에 접근하려고 한다고 뭐 expo도 안깔리고 yarn도 안깔리고 난리다. npm은 기본적으로 글로벌 패키지를 시스템 디렉토리(예: /usr/local/lib/node_modules)에 설치하려고 하는데, 여기에 일반 사용자의 쓰기 권한이 없어 문제가 생긴단다. mkdir ~/.npm-global위 명령어로 홈 디렉토리에 접근권한이 이는 디렉토리를 새로 생성해주고.( 홈 디렉토리란, 사용자에게 주어진 공간..

data lab 2024.07.05
반응형