console.log

내 브랜치에서 작업 도중 다른 브랜치의 코드를 확인할 일이 있을때가 종종 있다. 그냥 브랜치 이동을 해서 확인하면 되지 않나? 싶지만 git에서는 다른 브랜치로 이동할 때 반드시 작업 내용을 전부 commit 한 상태에서만 이동이 가능하다 . 내 모듈을 작업중인 상태에서 commit을 하기 애매한 상황일때 , git stash 를 사용한다. 임시저장 / 저장한거 가져오기 명령어만 간단히 써보자면 1. git stash 작업중이던 내용을 stack에 임시 저장. 주의 - 이때 1. staged 된 파일이나 2. tracked상태인 파일(이미 git에서 추적중인 상태로 수정중인 파일)만 stash가 가능하다. (새로 만든 파일이 있다면 git add 해줄것) stack에 저장이 되었으면 이 상태에서 git ..

(예시코드) const [text,setText] = useState(""); . . . setText(someThing); 을 하니 Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. 와같은 에러가 나타남. 구글링을 해보니 useEffect안에 dependency와 함께 써보라는 글을 발견. https://wnsdufdl.tistory.com/245 오늘의 에러 : Too many re-renders. React limits the number of renders to prevent an infinite loop. ( +13,+137 어떤 에러인가? 리액트 무한루프 렌더링 props로 전달받..

1. 중복되는 요소 제거 const temp = [1,2,2,3,3,3] const set = new Set(test) // {1,2,3} 2. 길이 구하기 console.log(set.size) // 3 3. spread 연산자 활용 배열 만들기 const get = [...set] // [1,2,3] ---------- 4. 객체 데이터 길이 구하기 일반적인 객체의 길이를 구하려면 키의 갯수를 이용해서 구해야 함. const yy = { firstKey : {1,2} , secKey: [1,2] , thirKey:"what" } ; // 먼저 key 를 배열형태로 담아서 반환해줌 const xx = Object.keys[yy] // [ firstKey, secKey, thirKey ] // 그 다음 ..

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for...in for...in - JavaScript | MDN for...in문은 상속된 열거 가능한 속성들을 포함하여 객체에서 문자열로 키가 지정된 모든 열거 가능한 속성에 대해 반복합니다. (Symbol로 키가 지정된 속성은 무시합니다.) developer.mozilla.org 1. for in 문 기본 문법 구조 for (const 키 in 객체){ 실행 코드 } 2. for ... in문이란 쉽게 생각해 키가 문자열로 된 객체를 싹 순회해주는 문법! 예를 들어 const obj = { a:[1,2] , b :[3,4], c:[5,6] } 이런 객체가 있다고 치면 ..

문제 > 신입사원 무지는 게시판 불량 이용자를 신고하고 처리 결과를 메일로 발송하는 시스템을 개발하려 합니다. 무지가 개발하려는 시스템은 다음과 같습니다. - 각 유저는 한 번에 한 명의 유저를 신고할 수 있습니다. - 신고 횟수에 제한은 없습니다. 서로 다른 유저를 계속해서 신고할 수 있습니다. - 한 유저를 여러 번 신고할 수도 있지만, 동일한 유저에 대한 신고 횟수는 1회로 처리됩니다. - k번 이상 신고된 유저는 게시판 이용이 정지되며, 해당 유저를 신고한 모든 유저에게 정지 사실을 메일로 발송합니다. - 유저가 신고한 모든 내용을 취합하여 마지막에 한꺼번에 게시판 이용 정지를 시키면서 정지 메일을 발송합니다. 다음은 전체 유저 목록이 ["muzi", "frodo", "apeach", "neo"]..

리액트에서 가끔 조건을 걸고싶은데 if 문 사용이 안되는 경우가 있다. 이런 경우에는 삼항연산자가 유용하다. 1. 기본 삼항 연산자 조건A ? "A가 참인 경우 실행문" : "A가 거짓인 경우 실행문" ex ) ( 1 < 2 ) ? " 1은 2보다 작다" : " 1은 2보다 작지 않다 " // " 1은 2보다 작다 " 2. 중복 삼항 연산자 조건A ? 조건B ? " 실행문1 " : " 실행문2 " : " 실행문3 " - 조건A 가 거짓인 경우 : 실행문3 반환 - 조건A가 참인 경우 : 조건B에 따라서 갈림. 조건B 참 - 실행문1 / 조건B 거짓 - 실행문2 조건A ? ("실행문1") : 조건B ? ("실행문2") : ("실행문3"); 이런 식으로도 가능. - 조건A 참이면 "실행문1" - 조건A 거짓..

1. [ Error message ] Warning: You provided a `checked` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultChecked`. Otherwise, set either `onChange` or `readOnly`. [ Why? ] 리액트에서 체크박스를 사용할때 주의 할 점은 checked 속성과 onClick핸들러를 동시에 사용할 수 없다는 것이다. 체크박스에서 체크를 했다 풀었다 하는것은 onChange로 핸들링 해야하는데 , 나는 onClick으로 checked를 핸들링 하려 했기 ..

https://ko.reactjs.org/docs/typechecking-with-proptypes.html PropTypes와 함께 하는 타입 검사 – React A JavaScript library for building user interfaces ko.reactjs.org someComp.propTypes = { / prop가 특정 JS 형식임을 선언할 수 있습니다. // 이것들은 기본적으로 모두 선택 사항입니다. optionalArray: PropTypes.array, optionalBool: PropTypes.bool, optionalFunc: PropTypes.func, optionalNumber: PropTypes.number, optionalObject: PropTypes.object, ..

https://mui.com/ MUI: The React component library you always wanted MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design. You will develop React applications faster. mui.com mui는 마치 react-icon 같은 느낌이다. 컴포넌트를 만들때 ui적으로 깔끔한 디자인이 입혀진 얘들을 그냥 가져다가 쓰기만 하면 된다! 사용법도 리액트 아이콘과 같다. 먼저 라이브러리를 추가해주고 , //npm 이용시 npm insta..

https://www.youtube.com/watch?v=2-JQOl7plZI 1. 자동일정 프로젝트 하단 - 새박업 : 수동예약 -> 자동 일정 예약으로 바꾸기 작업 이름을 적고 , 기간을 입력하면 오른쪽에 바 형식으로 자동으로 기간이 생김 2. 프로젝트 설정 표에 작업이름 , 기간 대충 적고 (작업 이름 - '액티비티'라고 한다) 상위탭 - 프로젝트 - 프로젝트 정보 들어가본다. 시작날짜 : 프로젝트 프로젝트 시작 날짜 완료날짜 : 시작 날짜 + 기간 (이때 달력이 표준인 경우 주말은 빼고 계산 한다. 설정에서 공휴일이나 제외할 날짜를 추가해 줄 수 있다.) 2-1 . 달력 커스텀하기 상위탭 - 프로젝트 - 작업시간 바꾸기 우측 상단 - 새달력 만들기 ( 이름은 자유롭게 지정 , 표준달력의 복사본으로..