회사에서 정한 컨벤션이 있다면 그에 따르자 export defult는 변수, 함수, 오브젝트, 클래스 등을 전달할 수 있는 명령어입니다. 이렇게 export 뒤에 default를 붙이게 되면 중괄호 없이 변수 등을 import 해올 수 있습니다. export default hello import hello from "경로" export hello import {hello} from "경로"

state = 데이터가 저장되는곳 화면에 보여주기 위해선 랜더링 필요 컴포넌트 = html을 보여주는 단지 함수 컴포넌트중 설정을 넘겨줄수 있는 기능이 있다면?? >> props 삼항연산자 조건 ? 참값 : else값 props 부모 컴포넌트에서 자식 컴포넌트로 값을 내려준다고 생각하면 편하다. props는 props 안에서 객체 형식으로 값을 넘겨준다. 따라서 자식 컴포넌트에서 값을 사용하고 싶다면 props.키값 으로 사용한다. 구조분해 할당으로 const {키값} = props 으로도 접근해서 사용 가능 하다. 자식에서 부모한테 주는 방법은 없다. 이러한 구조로 인해 리액트는 단방향 구조를 가지는 프레임워크이다. 함수형 props.name 혹은 name자체로 받아오기 클래스형 this.props.n..

Error: error:0308010C:digital envelope routines::unsupported Error: error:0308010C:digital envelope routines::unsupported opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' Node.js v18.15.0 error Command failed with exit code 1. info Visit https://yarnpkg.com/en/doc..

+ 하늘색 crud

XML이란? XML은 EXtensible Markup Language의 약자입니다. 이러한 XML은 HTML과 매우 비슷한 문자 기반의 마크업 언어(text-based markup language)입니다. 이 언어는 사람과 기계가 동시에 읽기 편한 구조로 되어 있습니다. XML은 HTML처럼 데이터를 보여주는 목적이 아닌, 데이터를 저장하고 전달할 목적으로만 만들어졌습니다. 또한, XML 태그는 HTML 태그처럼 미리 정의되어 있지 않고, 사용자가 직접 정의할 수 있습니다. JSON과 XML의 공통점 1. 둘 다 데이터를 저장하고 전달하기 위해 고안되었습니다. 2. 둘 다 기계뿐만 아니라 사람도 쉽게 읽을 수 있습니다. 3. 둘 다 계층적인 데이터 구조를 가집니다. 4. 둘 다 다양한 프로그래밍 언어에 ..

다이나믹한 웹 사이트를 만들기 어렵다. 물론, 장고 템플릿 시스템을 사용하는 것만으로도 충분히 많은 걸 할 수 있음(예시) 장고 공식 문서) 대부분 장고를 백엔드, 어드민 패널, 그리고 json API로만 사용함. 장고를 백엔드로만 사용하고 리액트를 UI로 사용하는 게 추세 >> django rest api framework (산업 표준) 리엑트는 다이나막에 최적화 html대신 json을 전달해주면 리엑트가 이쁘게 ui를 만들어줌 json > 테이터 형식 restapi 설계 방법 1. 동사를 없애자 (명사로만 구성) 2. http메소드로 구성하자 (get post 등) 작동원리 쿼리셋이란 무엇인가요? 핵심만 말하자면, 쿼리셋(QuerySet)은 전달받은 모델의 객체 목록입니다. 쿼리셋은 데이터베이스로부터..

class가 string으로 어떻게 보이게 할지 커스터마이즈 할 수 있는 메서드가 존재함 바로 __str__ description이 필수가 아닌 이유는 black와 null이 True이기 때문 수정 가능한 필드는 기본적으로 admin panel에 등장하지 않음. 보여주기 위해서는 list_display에 추가, readonly_fields에 추가하는 방법이 있음. rating = models.PositiveIntegerField(validators=[MaxValueValidator(5)]) 이렇게 모델에 짜주면 최대 5점까지만 부여할 수 있게 통제할 수 있다 class 오류시 >>> 모델이 잘못되어있을 확률이 크다. 거기를 한번 살펴보자. one to many를 표현하기 위해서 model.ForeignK..

https://takeknowledge.tistory.com/145 Poetry 설치했으나 경로 찾을 수 없을 때 (poetry installed but command not found) (Windows 10 / mac) 발단 [풀스택] 에어비앤비 클론코딩 – 노마드 코더 Nomad Coders 에어비앤비 백엔드 + 프런트엔드 + 배포 nomadcoders.co Nomad Coders의 에어비앤비 클론 코딩 수강을 시작했습니다. 그 중 초반에 해당하는 takeknowledge.tistory.com

공부하다 보면 너무 많아지는 repo 깔끔하고 쉽게 설명해드립니다. 1. 깃헙에서 새로운 리포 만들기! 터미널에서 2. 클론하기 git clone "github.com/레포명" 3. git subtree add --prefix=합침당할레포명 합침당할레포주소 브런치명(main master 등) 4. 푸쉬 5. 기존거 삭제 >>> 잔디유지 가능 깔끔해짐 오류 해결법 상태확인하기 git status 주는 메시지에 따라 해결 여러 오류 한번에 해결하고자 하면 . 기입 ex) On branch main Your branch is up to date with 'origin/main'. Changes to be committed: (use "git restore --staged ..." to unstage) new ..

var > let const =>() 생김 object.test1 에서 object가 null 일시 오류가 발생하기에 if문 처리를 해줘야함 const Titlw ({test1})=> { 특정 값만 찾아서 보기가 편하다 } useState > hook useEffect ---------------------------- useMemo useCallback 연산값과 원래 값이 같을떄 랜더링 방지 > 자원 절약 반복 for > 리턴값 필요 없 map > 리턴값 필수(필터링) > 기존에 있는거 가공, component반복문, 추리기 filter > 리턴값 필수 > (조건이 true인 값만 반복) => foreach > 리턴값 필요 없