[html] 이벤트 핸들러 호출

Html 태그를 그리면서 함수도 바로 읽어서 호출되고, 그걸로 끝!이 된다Html 태그를 그리면서 함수도 바로 읽어서 호출되고, 그걸로 끝!이 된다

2021년 4월 25일
·
0개의 댓글
post-thumbnail

[CSS] 100vw 랑 100% 차이

e

2021년 4월 22일
·
1개의 댓글

[JS] callback 함수!!

fnDrawImage(img, canvas1, context1);비동기함수요러니 안되더라

2021년 4월 19일
·
0개의 댓글
post-thumbnail

[JS] VanilaJS 그림판 만들기

mouseevent offsetX: 308 offsetY: 42 clientX: 619 clientY: 459 canvas width 와 height 이 안정해져있을경우 객체를 배열로 만들떄?! console.log(colors); console.log(Arra

2021년 4월 18일
·
0개의 댓글

[리액트] 부모의 할아버지에게 state값 전달하려면? context API

컴포넌트 재사용을 생각해서 쪼개고 쪼개고 하다보니 조상님들만 많아진 상황...state 값 props값 전달전달하느라 써먹기 어려워죽겄다!분명 뭔가 방법이 있을것이다 싶어수소문을 해보니! 역시...있었다 (차노님, 승옥님 감사합니다)context는 React 컴포넌트

2021년 4월 16일
·
0개의 댓글

[JS] 구조분해할당

구조분해할당..정말 입에 안 붙는 단어이다 그치만 단어는 참...정이안가지만, 유용함 만큼은 만점이다! 공식문서에 따르면 구조분해할당이란? 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이라

2021년 4월 15일
·
0개의 댓글

개발방법론 DRY(💢Don’t Repeat Yourself)

같은 일을 두 번 하지 말라.React를 처음 배울 때 컴포넌트란?! 재사용가능한 UI 단위라고 배웠다. 외웠다!재사용 가능한 부분은 모두 컴포넌트화 해서 효율적으로 관리하자!같은 코드가 두 번 이상 사용될 경우에는 재사용한다. 프로젝트가 커진다면, 작은 조각으로 나누

2021년 4월 11일
·
0개의 댓글
post-thumbnail

[Git] 더이상 merge란 없다! Rebase만 있을뿐!

Git 더이상 merge란 없다! Rebase만 있을뿐!

2021년 4월 7일
·
0개의 댓글

[React] componentDidUpdate 에서 이전state 값만 받고싶다면?

비구조화 할당 해주세요!const { id, imgLength } = this.state;prevProps 를 사용하지 않는다면 아래와 같이 작성해줄수도 있습니다! 참고만 해주세요!componentDidUpdate (\_, prevState) { ...}

2021년 4월 6일
·
0개의 댓글

JavaScript 기초

ECMAScript 란?! ES? > ECMAScript 자바 스크립트의 표준 규격을 뜻한다. ES 는 ECMAScipt 의 약자이다. 이중 ES6 에 가장 큰 관심이 있는 이유는 ES6에서 기존에 문제있던 부분들이 많이 해결되었고, React 나 Vue 등 유명

2021년 4월 4일
·
0개의 댓글
post-thumbnail

[클래스101] Day1. 팀 프로젝트 킥오프

배민문방구 팀프로젝트를 끝내고...! 두번째 프로젝트 시작! 두둥...클래스 101 팀 프론트엔드로 배정! 살짝 사이트를...보았는데배민문방구에 비해 할게...많아보인다 🏃🏻‍♀️신난다~클래스 200ok✅ (프론트4명, 백엔드3명)2021.03.29 ~ 2021.0

2021년 4월 4일
·
1개의 댓글
post-thumbnail

🛒배민문방구 클론 프로젝트 후기

프로젝트명 : 배민 스토어기간 : 2021.3.15 - 2021.3.26 (2주)팀원 : 프론트엔드 3명, 백엔드 2명담당페이지 : 프론트엔드 메인페이지(네비게이션, 상품리스트)프론트엔드 : HTML, CSS / JavaScript(ES6+) / React / SCSS

2021년 3월 28일
·
1개의 댓글

[배민문방구] Day5. Mock데이터로 상품리스트 출력,Hover 이미지 확대, 스크롤 이벤트

Mock데이터로 상품리스트 메인 출력 > 역시 데이터를 불러오니 그럴싸한 페이지 와꾸가! 아직 서버와는 통신전이라 Mock 데이터를 활용하여 상품리스트를 출력하였다 데이터.json 파일 위치 데이터 파일은 public/data 아래 폴더에 위치하는 것이 통상적(?)

2021년 3월 28일
·
0개의 댓글
post-thumbnail

[배민문방구] Day4. 반복되는 메뉴는 map()!

이게 머선일이고?!아침까지 잘나오던 이미지가 갑자기 엑빡이?...링크주소가 잘못됬나?! 했지만 새탭에서 이미지 링크를 열면 잘 열린다..멘토님께 물어보니 아무래도 배민에서 막은거 같다 하신다에이..설마..내가 뭐 얼마나 호출했다고!? 했는데 콘솔창을 보니쩝..정말 막았

2021년 3월 22일
·
0개의 댓글
post-thumbnail

[배민문방구] Day3. 메뉴바, 상품컴포넌트 이벤트 구현

메뉴 항목은 <li> 태그의 반복으로 객체로 분리하여 map()을 돌려주었다.항목<li> 내 onClick()시 handleMenuClick(index)함수 호출 후 index 값은 state 에 저장한다. 메뉴텍스트가 보여지는 <div> 내에서 han

2021년 3월 19일
·
0개의 댓글

[배민문방구] Day2. 레이아웃 구성 시작

매일 11시 stand up 미팅으로 전일 진행상황 및 금일 계획, 이슈사항을 10분 이내로 공유하는 시간을 갖기로 하였다. 금일 계획 메인 헤더 레이아웃 상품 컴포넌트 레이아웃 팀원 공동사용 CSS 내 (폰트, 버튼/a 태그 속성 등) 추가 아쉬운 점 구글폰트가

2021년 3월 17일
·
0개의 댓글
post-thumbnail

[VS] Delete `␍` prettier/prettier 해결 방법

Prettier와 ESLint를 프로젝트에 적용 후 npm start를 하니 아래과 같은 에러가 우수수~이게 머선일이고?windows환경에서 발생하는 문제인지...처음에는 노가다로 해결을 해보았었다. 파일마다 열여서 CRLF를 LF로 변경해주었다. 우선 이렇게는 해결되

2021년 3월 16일
·
3개의 댓글
post-thumbnail

[CodeKata]Day11. 문자 배열 뒤집기

문자로 구성된 배열을 input으로 전달하면, 문자를 뒤집어서 return 해주세요.새로운 배열을 선언하면 안 됩니다.인자로 받은 배열을 수정해서 만들어주세요.오늘의 코드 카타는 좀 쉽게 풀리긴 했는데, 더 깔금한 방법이 있을까 ? 고민이 되긴한다. 배열의 맨 뒤 값부

2021년 3월 16일
·
0개의 댓글
post-thumbnail

[배민문방구] Day1. 클론 프로젝트 킥오프

위코드에서 한달이 어떻게 지나갔는지 모르겠다. 두구두구두! 오늘은 대망의 첫 프로젝트 시작날! 📅 프로젝트 기간2021.03.15 ~ 2021.03.26👩🏼‍🤝‍🧑🏻팀원배민문방구를 함께 클로닝할 멤바들 (프론트 3명, 백엔드 2명)화면 구성 분석 및 구현기능

2021년 3월 15일
·
0개의 댓글
post-thumbnail

[CodeKata]Day10. 복소수 곱셈 계산

두 개의 input에 복소수(complex number)가 string 으로 주어집니다.복소수란 a+bi 의 형태로, 실수와 허수로 이루어진 수입니다.input으로 받은 두 수를 곱해서 반환해주세요.반환하는 표현도 복소수 형태의 string 이어야 합니다.복소수 정의에

2021년 3월 15일
·
0개의 댓글