리액트3 [모던 리액트 Deep Dive] 클로저 클로저란? : 함수와 함수가 선언된 어휘적 환경(Lexical Scope)의 조합function add() { const a = 10 function innerAdd() { // innerAdd() 은 내부 함수이며, 클로저다. const b = 20 console.log(a + b); } innerAdd(); }add();함수가 중첩된 상황에서 a 변수의 유효범위는 add 전체이고, b 변수의 유효범위는 innerAdd 전체이다.선언적 어휘적 환경이란, 변수가 코드 내부에서 어디서 선언됐는지를 말하는 것이다.변수의 유효범위, 스코프(Scope)변수의 유효범위에 따라서 어휘적 환경이 결정된다. 이러한 변수의 유효 범위를 스코프(scope)라.. 2024. 4. 28. React axios 통신 DELETE 메서드 400 에러 axios 통신 도중 delete에서 계속 400 에러 발생 요청 바디에 { clubName: '동아리명' } 형태로 보내야하는데 에러가 찍히지만 내가 원하는대로 잘 보내지길래 왜이러지 ? 싶었다 보내는 방식은 post에 요청 바디 보낼 때와 동일한 형태로 보냈음. 근데 저 에러에서 clubName 밑에 data: undefined가 조금 꺼림직했다. 혹시나 하는 마음에 지피티에게 물어보니 DELETE 요청을 보낼 때도 요청 바디를 포함시킬 수 있다 >> 요청 바디를 포함 시키려면 data 옵션을 사용하라. 고 했다 !!! 그래서 아래의 형태로 보냈었던 요청을 const result = await API().delete('/admin/club', { clubName: name }) data 옵션을 사용해.. 2024. 4. 8. [React Native] 기본 핵심 컴포넌트, 스타일링 적용 방법, FlexBox 리액트와 리액트 네이티브는 비슷한 듯 다르다. 핵심적으로 알아야할 컴포넌트들 비교하고 스타일링 적용하는 방법을 알아보자 VS 리액트의 태그, 리액트 네이티브의 태그의 용도는 같다. 하지만 주의해야할 점은 안녕하세요 div 태그 내 텍스트 안녕하세요 >> 가능 안녕하세용 View 태그 내 텍스트 안녕하세용 >> 불가능 View 콘텐츠를 담는 상자나 컨테이너 구축에 사용됨. 다른 컴포넌트들을 담을 순 있지만 단순 텍스트를 담을 수 없다. 태그로 감싸주면 활용 가능. View : 컴포넌트를 담고 배치하는 컴포넌트 Text : 텍스트를 표시 Button : 버튼 등 다양한 핵심 컴포넌트들은 공식 홈페이지에서 찾아 활용하는 것을 추천 https://reactnative.dev/docs/components-and-.. 2024. 1. 14. 이전 1 다음
