본문 바로가기
728x90
반응형

전체 글107

[CS] 브레인스토밍(Brainstorming) 이란? 정의 - 브레인스토밍은 창의적인 아이디어를 생산하기 위한 학습 도구이자 회의 기법 목적 : 집단에서 특정 문제에 답을 찾을 때 집단에서 하고싶은 목표를 찾을 때 퀄리티보단 양, 가능한 많은 양의 아이디어를 도출하는 것 필요한 것 1. 편안한 장소 2. 1명의 진행자, 다수 참여자 3. 브레인스토밍 주제/목표 4. 벽/칠판/모니터 등 아이디어를 바로 작성할 공간 5. 비판/비난하지 않는 자세 6. 창의적인 아이디어 회의 진행 순서 1. 진행자 1명과 다수의 참여자가 편안한 분위기의 장소에서 모인다 2. 브레인스토밍 주제를 미리 고지하고 회의 진행 전 다시 고지해준다. 3. 30~40분 정도 회의를 진행한다. 4. 제시한 아이디어를 즉시 기록하고 해당 내용은 참여자가 같이 확인 한다. 5. 회의 시간 종료 .. 2024. 1. 3.
[React] TypeError: Cannot read property 'map' of undefined 발생 이유 - .map(...) 실행 시 앞 데이터가 없어서 나는 타입 오류 - array.map() 인경우 array를 확인해보면 undefined으로 되어 있을 것이다. 해결 방법 1. 렌더링 상태에서 return 할 경우 && 을 사용하여 값 여부를 체크한다. import React from 'react'; const UserList = () => { ... return ( {dataList && dataList.map((item, index) => ( {item.name} ))} ); }; 2. 스크립트에서 return 할 경우 if 문을 사용하여 값 체크를 해준다. import React from 'react'; const UserList = () => { if(dataList){ const r.. 2024. 1. 3.
[CSS] hover style 효과 삭제하기 :hover:not(.class) See the Pen Untitled by 우세림 (@yrrzbplw-the-builder) on CodePen. css 문법이라 sass 에서도 가능하다.export const Button = styled.button` background-color: #ccc; &:focus:not(.empty) { background-colo: #0090ff; }; &:hover:not(.empty) { background-colo: #0090ff; } &.user_button:not(.empty) { background-colo: #0090ff; }`; 2024. 1. 2.
[JavaScript] 배열 합집합, 교집합 반환하기 합집합const arrA = [1, 4, 3, 2]; const arrB = [5, 2, 6, 7, 1];const result = [...new Set([...arrA, ...arrB])]; // [1, 4, 3, 2, 5, 6, 7]  교집합const arrA = [1, 4, 3, 2]; const arrB = [5, 2, 6, 7, 1];const result = arrA.filter(it => arrB.includes(it)); // [1, 2] 2023. 12. 30.
[JavaScript] 숫자/문자열 배열 중복 제거 set, map, reduce, filter Setconst values = [3, 1, 3, 5, 2, 4, 4, 4];const uniqueValues = [...new Set(values)]; // [3, 1, 5, 2, 4] mapconst list = [3, 1, 3, 5, 2, 4, 4, 4]; const result = [...new Map(list.map(item => [item, item])).values()];console.log(result); // [3, 1, 5, 2, 4] reduceconst list = [3, 1, 3, 5, 2, 4, 4, 4];const result = list.reduce((accumulator, currentValue) => { if (!accumulator.includes(currentValu.. 2023. 12. 30.
오픈소스 저작권 - MIT, ISC, Apache License etc.. Open Source  오픈소스와 저작권누구나 글, 그림, 소스 코드와 같은 창작물을 만들면 그 창작물에 대해 저작권을 갖게 됩니다. 공개된 소스 코드인 오픈소스에도 저작권이 있습니다. 공개되어 있는 소스 코드는 모두 사용할 수 있을까요법에서는 창작물의 저자는 다른 사람이 그 창작물로 할 수 있는 일의 범위를 정할 수 있는 권리를 갖고 있다고 가정합니다. 그래서 일반적으로 저작권자의 허락 없이는 창작물에 대한 사용, 복사, 배포, 수정이 불가능합니다.오픈소스에서는 저작권자가 소스 코드의 사용 범위와 사용자의 의무 사항을 라이선스에 명시해 둡니다. 공개되어 있는 소스 코드지만 여전히 저작권이 존재하기 때문에 라이선스를 확인하지 않고 사용하면 저작권을 침해할 가능성이 있습니다. 오픈소스를 사용할 때는 반드시.. 2023. 12. 30.
[JavaScript] 특정 위치 문자 찾기 charAt() const str = 'qwertyuiasdfghjk' console.log(str.charAt()); // q console.log(str.charAt(0)); // q console.log(str.charAt(5)); // y console.log(str.charAt(-1)); //'' console.log(str.charAt(a)); // error 2023. 12. 27.
[JavaScript] toUpperCase(), toLowerCase() 대문자, 소문자 변경 대문자로 변경const str = 'hello World';console.log(str.toUpperCase()); // 'HELLO WORLD'  소문자로 변경const str = 'hello World';console.log(str.toLowerCase()); // 'hello world'   마무리- 값 비교 시 대소문자를 구분하지 않을 때 사용하는 경우가 많다.- 예를 들면1) 검색창 키워드 검색2) 대소문자 구분없는 아이디 2023. 12. 27.
[JavaScript] substring() 문자열 앞, 뒤 자르기 앞에서 자르기 const str = "helloworld"; console.log(str.substring(0)) // 'helloworld' console.log(str.substring(0, 0)) // '' console.log(str.substring(0, 4)) // 'hello' console.log(str.substring(0, str.length)) // 'helloworld' 뒤에서 자르기 const str = "helloworld"; console.log(str.substring(str.length)) // '' console.log(str.substring(str.length-1)) // 'd' console.log(str.substring(str.length-5)) // 'world' 2023. 12. 27.
728x90
반응형

티스토리툴바