이번엔 변수 선언과 호이스팅에 대해 설명해보겠담 📌 변수호이스팅변수를 참조하는 코드가 변수를 선언하는 코드보다 먼저 나와도 변수 선언문이 코드의 선두로 끌어올려진 것처럼 동작하는 것을 말한다.예를들어 변수 선언문 보다 변수를 참조하는 코드가 먼저 나와도 참조에러가 발생하지 않고변수가 선언된 것처럼 선두로 끌어올려져 동작하는 것을 말한다. console.log(score); //변수 참조(참조: 변수에 저장된 값을 읽어들이는 것) var score; // 변수선언 따라서 위의 코드는 참조에러가 아니라변수가 선언되고 초기화단계까지 되어 undefined 로 결정이 되는 것이다.   그런데 이때 변수 선언은 런타임 이전에 먼저 실행이 되지만값의 할당은 순차적으로 실행이 되는 런타임에 실행이 된다. 따라서 변..

📌 컴퓨터의 동작원리   변수를 이해하기 위해서는 컴퓨터의 동작원리를 먼저 이해해야한다. 컴퓨터는 사람을 모델로 디자인되었기 때문에 사람과 유사하게 동작한다. 사람은  10 과 20, '+' 기호의 의미, 그리고 이 결과가 30 이 나온다는 것 각각을 알고 있어야10+20=30 을 계산할 수 있다.  따라서 컴퓨터도 마찬가지로 자바스크립트 엔진이 이 코드를 작동시키기 위해서는 10, 20, + 기호, 표현식의 의미, 그리고 이걸 해석(파싱) 하는 각각을 알고 있어야 한다.    사람은 각각을 뇌에 저장해두고 뇌에서 꺼내 기억하지만컴퓨터는 연산을 하는 부품과 기억을 하는 부품이 나뉘어져 있다. => 컴퓨터는 CPU 를 사용하여 연산하고, 메모리를 사용해 데이터를 기억한다. 즉 메모리는 데이터를 저장할 수..

🔆 조건문 주어진 조건식의 평가 결과에 따라 코드블록의 실행을 결정한다.조건식이란?? 불리언 값으로 평가될 수 있는 표현식이다.if- else 구문과 switch 문으로 두가지 조건문을 제공한다.if 문의 조건식은 불리언 값으로 평가되어야 하는데 만약 불리언 값이 아닌 값으로 평가된다면, JS  엔진에 의해 암묵적 타입 변환이 실행되어 강제적으로 불리언 값으로 변환되어 평가된다.   ⚠️ 삼항조건연산자 if - else 문은 삼항 연산자로 바꾸어 쓸 수 있다. 예시를 들어보겠담var x = 2;var result;if (x % 2 ) { // 이때 2%2 는 0이기 때문에 false 로 강제변환됨 result = "홀수";} else { result = "짝수";}console.log(result)..

https://khw063011.tistory.com/44 [RN] 네비게이션 (1)- navigation 사용하기https://reactnavigation.org/docs/navigation-container/😘 Navigation 이란?React Navigation 라이브러리에서 제공하는 컴포넌트로, 내비게이션 상태를 관리하고 앱의 내비게이션 트리를 설정하는 역할을 한다.모든khw063011.tistory.com 하단바 각각에 navigation 을 설정해두었는데이번에 하단바에서 좀 수정하고싶은 오류가 생겨서 공부를 하다가네비게이션 상태에 대해 좀 더 공부할 게 생겨서 포스팅을 한당  1. 문제상황 지금 나는 게시판을 작성하는 글 작성 페이지와작성된 글들을 볼 수 있는 커뮤니티 페이지로 나눠서 관리..

https://khw063011.tistory.com/74 [상태관리] redux와 redux-toolkit (1)0.라이브러리를 사용한 상태관리를 해야하는 이유?리액트 네이티브 프로젝트에서 여러 화면 간에 공유해야하는 상태가 있거나 한 화면이라도 컴포넌트 렌더 트리에서 서로 멀리 떨어져 있는 컴khw063011.tistory.com저번에 포스팅하고..직접 코드 구현하는것까지 포스팅하려고 했는데 깜빡함 ㅎㅎ직접 코드를 해본 것들을 잊어버리지 않게 기록해보겠음 ! !   0. store 만들어주기가장 먼저... store>index.js 페이지를 만들어서 모든 리듀서들을 관리할 store 를 만들어준다. configureStore 로 reducer를 감싸게 두고 이 안에서 모든 상태를 관리하도록 함맨처음에..

저번에 axios 사용법을 공부했었는데 이번에 마침 ! api 호출에서 조금 더 추가된 기능을 공부해야할 필요가 있었어서 아예 싹 다 정리해보고자 한다.  1. axios 란? axios는 브라우저와 Node.js 환경에서 사용 가능한 Promise 기반의 HTTP 클라이언트.웹 애플리케이션에서 서버와의 통신을 단순화한다.RESTful API 와 상호작용할 때 유용하게 사용할 수 있다.자동으로 JSON 데이터를 직렬화하거나 파싱해준다.요청과 응답 전후에 특정 작업을 수행할 수 있다.node js 와 브라우저 모두에서 사용가능한 범용적인 HTTP 클라이언트이다.  2. Axios와 Fetch의 차이점기능axiosfetch데이터 형식기본적으로 JSON 지원, 추가적인 설정 없이도 JSON 데이터를 쉽게 다룬..

https://reactnavigation.org/docs/params/  Passing parameters to routes | React NavigationRemember when I said "more on that later when we talk about params!"? Well, the time has come.reactnavigation.org리액트 네이티브에서는 navigation 기능을 사용하여 페이지를 이동하면서 데이터를 함께 전달시킬 수 있다. 이때 전달되는 데이터를 'route parmas' 라고 한다. 이 부분을 공식문서를 보면서 함께 이해해보자!!!  흠 잠시만~~~~~  파라미터란? 한국어로는 매개변수라고 한다.-매개변수란 변수의 특별한 한종류인데 함수등과 같은 서브루틴의 ..

1.  GPT open API 란?openAI 의 ChatGPT API는 개발자가 자신의 애플리케이션이나 서비스에 chatGPT 를 통합할 수 있는 도구다. ChatGPT는 고급언어 모델로 개발자는 이 API 를 사용하여 다양한 작업을 수행할 수 있다.개발자들은 ChatGPT API를 사용하여 애플리케이션의 기능을 향상하고 사용자 경험을 개선할 수 있다 .  2. 비용계산방법!OpenAI API 비용은 대부분 1,000(1K) 토큰 기준. 1,000토큰은 영단어 약 750단어 (1토큰: 약 0.75단어)에 해당하는 것으로 OpenAI 홈페이지에 언급되어 있다.    3. 파인튜닝(fine-tunning) 이란?쉽게 말하면~~~~ 기본 모델을 파인 튜닝(Fine-tuning)하여 자신의 서비스에 최적화된 ..

1. 리액트의 작동원리Context 와 여타 전역상태관리등 React 를 조금 더 자세히 다루고자 한다면 낯선 단어들을 보게 될 것이다.Context 관리와 다른 상태관리를 왜 하는지는 리액트의 작동원리와 함께 생각해보면 필요성을 느끼게 될 수 있다.  1. 컴포넌트 기반 구조   리액트는 컴포넌트로 구성이 되어있다는 말을 많이 들었을 것이다.    각 컴포넌트는 독립적이고 재사용이 가능하여 유지보수가 용이하다.     컴포넌트란?    리액트의 구성요소.    리액트를 이루는 가장 최소한의 단위    "props”라고 하는 임의의 입력을 받은 후, 화면에 어떻게 표시되는지를 기술하는 React 엘리먼트를 반환한다.2. 상태(state) 와 속성(props)    상태(state):    쉽게 말해서 변..

앗 매우 오랜만의 포스팅..ㅎㅎ여름휴가를 다녀오느라!~~ㅎㅎ다시 빡공모드!!! day 10 은 조금씩 풀다가... 오늘 끝났다! 문자열의 앞의 n글자문제설명문자열 my_string과 정수 n이 매개변수로 주어질 때, my_string의 앞의 n글자로 이루어진 문자열을 return 하는 solution 함수를 작성해 주세요.def solution(my_string, n): return my_string[:n] 접두사인지 확인하기문제설명어떤 문자열에 대해서 접두사는 특정 인덱스까지의 문자열을 의미합니다. 예를 들어, "banana"의 모든 접두사는 "b", "ba", "ban", "bana", "banan", "banana"입니다.문자열 my_string과 is_prefix가 주어질 때, is_pref..