1. 컴포넌트란 무엇인가? > 리액트에서 웹, 앱을 이루는 최소한의 단위 > 1) 반복할 필요 없이 재사용이 가능 > 2) 코드의 관리 가능한 단위를 작게 유지가능 2. JSX 소개 > JSX(JavaScript XML)는 Javascript에 XML을 추가한 확장한

1. let과 const >1) let: es6 이전에 쓰던 var과 같음, 변수 2) const: 상수(처음 할당한 후 다시는 재할당 불가능) 2. 화살표 함수 >es6부터 쓰는 새로운 함수 선언 방식 아래와 같은 방식으로 리턴문 생략가능 3. Exports와 Imports >1) Exports: 다른 js파일로 내보내기 2) imports: 다른 ...

1. react.js는 무엇인가요? >화면 전환이 원활하여 좋은 사용자 경험을 제공하는 자바스크립트 라이브러리 2. 왜 "JavaScript" 대신 리액트일까요? >복잡한 코드를 한눈에 들어오기 쉽게 작성하게 해주며, 코드의 재사용성을 높인다. 3. 리액트로 단일 페이지 애플리케이션(SPA) 구축하기 리액트를 사용하면 매끄러운 UI와 더 나은 사용자 경...

📍 var와 let의 차이 var: let: ES6 이후에 나온 것으로 📍 호이스팅이란? 함수가 실행되기 전에 안에 있는 변수들을 범위의 최상단으로 끌어올리는 것. 다음예제를 보면 a를 선언하기 전에 a를 사용했다. 호이스팅의 개념을 모른다면 에러가 날 것이라고

아래 명령문을 여러번 실행하면서 원하는 커밋상태로 간다.HEAD^으는 바로 아래 커밋으로 되돌리게 되고, HEAD~3와 같이 하게 되면 헤에서부터 최근 3개 아래의 커밋으로 되돌아간다.원하는 상태의 커밋으로 돌아왔다면, 그 상태로 강제 푸쉬를 한다.\-f는 또는 --f

❗️얕은 복사(shallow copy)란? 최소한의 복사를 한다. 값을 복사한다 하더라도, 같은 데이터 주소에 저장된 메모리를 공유한다. 값 자체를 복사하는 것이 아니라 주소값을 복사 하여 같은 메모리를 가리킨다. 따라서 깊은 복사보다 상대적으로 빠르다. (ex. 객체의 프로퍼티가 10000개 일때, 이 모든 데이터 자체를 통째로 복사하는 깊은 복사보다 주...

📍 로그인의 역사 > 브라우저에서 email과 password로 로그인 => 백엔드로 loginAPI 요청이 날아감 => 백엔드: 해당 유저가 있는지 DB에 확인 후 있으면 session에 저장 => 그 후 특정한 id를 부여해서 브라우저로 보냄 => 이렇게 보내진

입장 코드 번호와 닉네임 입력으로 각 채팅방을 구현코드 번호는 자동 생성해서 받고, 닉네임은 userInfo를 이용해 받아오기백엔드 테이블에 명언들을 담아놓고 시간에 따라 자동 생성되는 방식시작했다 멈췄다 해야하기 때문에 어드민 페이지에서 토글 형식 버튼이 필요랜딩 페

팀원들과 상의한 결과, 기획을 바꾸기로 했다. 이전에 했던 기획에서 코디기능을 심회하라는 피드백을 받았으나, 그러면 구현하기가 어려워져서 심리/힐링 쪽으로 방향성을 다시 잡았다. 최근, 2030들은 인플레이션으로 인한 물가 상승, 수요에 비해 부족한 일자리 공급, 서로

퍼블리싱된 화면 보면서 이야기 - ID찾기, PW찾기 API 이미지 폴더에 넣어서 src 불러오는 방식 말고 storage url 받아오기로 바꾸기 기획서 보완 ( 백엔드 - 스키마 완료 )웹까지는 어떻게 저렇게 했는데,, 반응형이 너무 어려웠다. 여기어때 웹페이지처럼

이미 와이어프레임과 디자인이 나왔기도 했고, 그때 그때 서로 소통해야 할 사항은 바로 이야기해서 별다른 회의가 없었다.디자인이 된 페이지를 따라 각자 구현해야 하는 기능의 마크업(presenter) 작업을 시작했다. 팀원들과 상의하에 디자인에 추가해서 아이콘을 넣거나

솔직히 깃은 아직도 헷갈리는 상태로 팀플에 투입된거라 걱정스러웠다 ^0^;; 팀플할 때 필요하거나 공부해야할 내용들을 다시 기록해봤다. 깃모지 설치는 다했고 터미널 명령어만 정리 > git add . gitmoji -c git push origin develop

관리자 - 회원탈퇴, 회원정보 조회, 게시글 삭제

옷을 구매할 때 여러 플랫폼을 탐색하는 것이 번거롭지 않으셨나요? 또한 브랜드 상품이 아니면 코디를 한 눈에 보기도 어렵고, 모델이 아닌 일반인의 체형에 맞는 코디를 참고하기가 어려웠습니다. 이를 개선하기 위해 일반인이 코디를 해서 올릴 수도 있고, 중고 거래를 할 수

로그인이 어떻게 이루어지는지 과정을 알아보는 것이 중요하다1\. 브라우저에서 프론트엔드에 요청하면 HTML, CSS, JS를 가져온다2\. 데이터가 필요한부분은 백엔드로, 백엔드에서 DB를 거쳐가며 가져온다그럼 상품등록에서 로그인이 된 사람만 하고싶다면?브라우저에서 백

일반 객체엔 다음과 같은 메서드를 사용할 수 있습니다. Object.keys(obj) – 객체의 키만 담은 배열을 반환합니다. Object.values(obj) – 객체의 값만 담은 배열을 반환합니다. Object.entries(obj) – [키, 값] 쌍을 담은 배

물건을 만드는 설명서=> 이 설명서 안에 함수들을 넣을 수 있고, 이 함수들을 메소드라고 한다. 함수가 들어가는 자리에 컴포넌트를 넣을 수도 있다.게시판의 쓰기버튼, 확인버튼도 들어갈 수 있다.

객체복사라는 것은 존재 X원본 객체와 같은 값을 가진 객체를 새로 만들 수 있을 뿐!child3의 name값을 변경해도 (주소값을 복사하는)얕은 복사와 달리 원본인 child2의 name 값이 변경되지 않고 유지된다.하지만 위에서처럼 name: child2.name…

동기 실행과 비동기 실행 비동기 실행: 컴퓨터 작업이 끝날 때까지 기다리지 않는 통신이다. 서로 기다려 줄 필요가 없을 경우, 여러가지 요청을 동시에 처리해 줄 때에 이용됨 > 동기 실행: 서버 컴퓨터의 작업이 끝날 때까지 기다린 후 다음 작업을 실행하는 통신이다.

라우티드 되는 페이지의 폴더명을 number라고 사용하곤 했는데, 그렇게 되니 어디에 폴더명 number가 들어가고, 어디에 데이터 number가 들어가는지 개념이 확립되지 않았다. 폴더명을 넘버로 했을 때 다음과 같이 라우티드가 되는 페이지를 구성하면 정상적으로 데이