Ella 프론트엔드일지

맨날 까먹네..더이상 까먹지 말자!!!! 1. forEach 로 합치는 방법 // 배열의 모든 수 합치기 let arr = [1,2,3,4,5] let result = 0; arr.forEach(num=>{return result +=num}) result //15 2. reduce let arr = [1,2,3,4,5] const result = arr.reduce((prev,cur)=>{ return prev + cur; // 누적된 계산값에 현재값을 더한다 },0) // 초기값 0 result // 15 3. for of let arr = [1,2,3,4,5] let answer = 0; for(i of arr){ answer+=i } for of / for in : 1) 배열의 요소 개수만큼 반복..

(1) 지원하고 싶은 참가기업은 어디인지 1. 아토즈소프트 : 다양한 산업 군의 중개플랫폼 등을 개발한 회사이기에 고객의 요구사항에 정확하고 빠르게 대응할 수 있는 노하우가 축적 되어 있을 것이라 생각합니다. 특히, 회사 사이트에 게재된 웹/모바일/태블릿 pc 등 반응형 환경을 고려한 개발이 인상 깊어 지원하고자 합니다. 2. 타라티피에스 : 유튜브와 블로그를 운영하면서 썸네일 제작으로 많은 시간 비용을 들였습니다. 템플릿을 통해 효율적으로 썸네일을 제작 할 수 있다는 점에서 크리에이터의 편의성을 증진시킨다는 생각이 들어 지원하고자 합니다. (2) 프리온보딩 인턴십에서 본인이 얻고 싶은 것 부트캠프를 수강하며 팀프로젝트를 완수했지만, 4개월이라는 짧은 기간 동안에 많은 언어를 익혔습니다. 따라서, 성능 ..

0. 글을 쓴 이유 - 구글 웹폰트를 글로벌스타일에 적용하려니까 어떤 방법을 해도 안됨. 수많은 게시글을 보았으나 실패.... - 아래 블로그 처럼 구글 폰트 파일을 직접 다운받아서 하는건 적용이 되었으나, 구글 웹폰트 적용은 되지 않았음..ㅜㅜ (직접 다운받아서 적용하는 건 아래 블로그에 아주 자세히 설명되어있으니 참고) - 현재 하고 있는 프로젝트 규모가 작다보니 굳이 폰트 다운받을 필요는 없을 것같아서 웹폰트 적용하는 방법이 절실했음!! https://flamingotiger.github.io/frontend/react/react-add-font/#%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EC%97%90-%EC%A7%81%EC%A0%91-%EC%A0%81%EC%9A%A9%E..

1. 데이터타입(값의 종류) - 자바스크립트의 모든 값은 데이터 타입을 가짐 - ES6 는 7개의 데이터 타입을 제공함 구분 데이터 타입 원시형 1) 숫자 2) 문자열 3) 불리언 4) undefined 5) null 6) 심벌 참조형 1) Array 2) Function 3) Date 4) Map,WeakMap 5) RegExp 6) Set,WeakSet 1-1) 원시형 VS 참조형의 차이 원시형 참조형 원시 값이 변경 불가능하다. 불변성 : 한번 만든 원시값을 바꿀수 없는 것이 불변성이다. 즉 변수의 값을 변경하려면 재할당만 가능하다. (원시값을 바꿀 수 없으니) 할당된 메모리 공간에 이미 존재하는 원시값을 변경할 수 없음을 의미한다. 다시 말해, 변수에 새로운 원시값을 할당하려면 기존의 메모리 공간..

0. 문제 원인 - 리액트 블로그 프로젝트 중 자식 태그인 Delete 버튼만 눌렀을 뿐인데 부모태그에 적용된 onClick 이벤트가 같이 발생했다. Delete 버튼을 눌렀을 때 Delete 버튼에 적용된 onClick 이벤트인 콘솔창에 '버튼삭제' 글자만 띄우고 싶었는데 그 부모태그인 edit 페이지로 이동하는 이벤트까지 작용되었다. 1. 왜 자식태그를 눌렀는데 부모태그까지 적용돼? 이벤트 버블링 아래 gif 를 보면 나는 body 부분을 클릭했을때는 콘솔창에 body 만 나온다. 헌데, parent 부분을 클릭하면 parent, body가 같이뜨고 child 부분을 클릭하면 child,parent,body 까지 같이 콘솔창에 뜬다. 왜 자식 태그만 눌렀는데 부모태그까지 이벤트가 영향을 미치지?? c..

1. truthy 공식문서에서는 아래처럼 설명하고 있다. 자바스크립트에서, truthy인 값(참 같은 값) Boolean(불리언) 문맥에서 true로 평가되는 값이다. falsy값으로 정의된 값이 아니면 모두 truthy값으로 평가된다. 즉, falsy 값이 아니라면 이를 truthy로 판단하여 내부적으로 True 불리언 값으로 형 변환을 해준다. falsy 가 아니라면 truthy 이니 falsy 먼저 알아보자. 직감상 falsy 가 외울게 별로 없기에 이렇게 설명하지 않았을까? 2. Falsy falsy인 값(거짓 같은 값)은 Boolean 문맥에서 false로 평가되는 값이다. 쉽게 말해서 if문의 조건으로 넣었을때 false로 변환되는 값이다. 총 6가지가 있다. if(0) if(NaN) if(f..