profile
많이많이 시도해보기

[React] React 완벽 가이드 섹션3 : 리액트 기초 및 실습 컴포넌트

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

약 5시간 전
·
0개의 댓글
·

[React] React 완벽 가이드 섹션2 : 자바스크립트 새로고침

13. 화살표 함수 화살표 함수의 구문은 키워드 function을 생략했기 때문에 일반적인 함수보다 짧다. 키워드 this로 인해 생겼던 많은 문제들을 해결해주는 잗ㅇ점을 갖고 있다. => 코드를 작성할 때 키워드 this가 항상 내가 우너하는 객체를 참조하지 않는

2일 전
·
0개의 댓글
·

[React] React 완벽 가이드 섹션1

2. react.js는 무엇인가요? 화면 전환이 원활하여 좋은 사용자 경험을 제공하는 자바스크립트 라이브러리 브라우저에서 자바스크립트는 DOM을 조작가능 DOM이란? => 뭔지는 모르겠지만 이를 통해 html 요소들이 화면에 렌더링된다. 3. 왜 "JavaScrip

2022년 11월 28일
·
0개의 댓글
·

[JavaScript] var와 let의 차이, 호이스팅

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

2022년 10월 25일
·
0개의 댓글
·

[git] 원격 저장소에 올라간 커밋 되돌리기

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

2022년 10월 17일
·
0개의 댓글
·

[JavaScript] 얕은 복사(shallow copy) vs 깊은 복사(deep copy)

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

2022년 10월 15일
·
0개의 댓글
·

[로그인 프로세스] 로그인의 역사

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

2022년 10월 9일
·
0개의 댓글
·

팀프로젝트 Day09-마크업, 회의, 기능

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

2022년 9월 7일
·
0개의 댓글
·

팀프로젝트 Day07-새로운 기획, 회의, 와이프레임, 플로우차트

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

2022년 9월 5일
·
0개의 댓글
·

팀프로젝트 Day 04 - 반응형 마크업

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

2022년 9월 1일
·
0개의 댓글
·

팀프로젝트 Day 03 - 웹/반응형 마크업

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

2022년 8월 31일
·
0개의 댓글
·

[git] 팀프로젝트를 위한 여정

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

2022년 8월 30일
·
0개의 댓글
·
post-thumbnail

팀프로젝트 Day 02 - 반응형, 어드민 와이어프레임 추가, 배포 세팅

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

2022년 8월 30일
·
0개의 댓글
·
post-thumbnail

팀프로젝트 Day01 - 기획, 레이아웃, 역할배분, 깃

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

2022년 8월 29일
·
0개의 댓글
·
post-thumbnail

로그인 프로세스(Cookie, Session, Local Storage)

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

2022년 8월 25일
·
0개의 댓글
·

Object.keys(), values, entries, assign

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

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

Class / Functional Component

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

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

Shallow Copy & Deep Copy

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

2022년 8월 25일
·
0개의 댓글
·
post-thumbnail

실무용 폴더구조(container/presentation)

/boards - > 게시글 목록/boards/new → 게시글 등록 ( 신규등록 )/boards/boardId → 게시글 상세/boards/boardId/edit → 게시글 수정 ( 있는걸 수정)=> 코드를 기능과 UI로 나누는 방법을 의미한다. container/p

2022년 8월 24일
·
0개의 댓글
·

FE-08-DAY04

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

2022년 7월 24일
·
0개의 댓글
·