리액트(18)
-
워드 클라우드를 사용한 키워드 찾기
원티드 킥오프에서 미션을 나온 워드 클라우드 사용한 키워드 뽑기 내가 찾은 키워드는 아래 이미지와 같다. Free online word cloud generator and tag cloud creator Wordclouds.com is a free online word cloud generator and tag cloud generator, similar to Wordle. Create your own word clouds and tag clouds. Paste text or upload documents and select shape, colors and font to create your own word cloud. Wordclouds.com can www.wordclouds.com 워드 클라우드 사..
2023.04.11 -
React의 state와 props
State와 Props state는 컴포넌트 자기 자신이 가지고 있는 값이다. 변화가 필요할 경우 setState()함수를 통해 값을 변경해줄 수 있다. const 배열 = useState (데이터 초기값); 배열[0]: 데이터 초기값이 들어간 변수 배열[1]: 데이터를 수정할 수 있는 Set 함수 const [변수명, Set함수명] = useState (데이터 초기값); useState를 사용하여 할당받은 변수는 불변값(Immutable)이다. 따라서 해당 값은 직접 수정이 불가능하며 해당 값을 변경하기 위해서는 반드시 Set 함수를 사용한다. const App = () => { const [count, setCount] = useState(0); return setCount(count + 1)}>+ ..
2023.04.05 -
순수함수(pure function)
순수함수란? 사이드 이펙트가 없어야 합니다. 몇번을 호출해도 반환 값이 동일해야 합니다. 전역변수를 건들거나, DOM 을 편집하거나, console.log 처럼 로그를 찍거나, new Date() 와 같이 시간에 의존해서도 안됩니다. 현대 프로그래밍에서 불변성(immutability)이 주목받으며 함께 부각된 개념 중 하나입니다. 순수함수의 장점 유닛테스트에 용이합니다. 외부 환경에 의존하지 않기 때문에 코드를 테스트하기 굉장히 쉬워집니다. 신뢰할 수 있습니다. 실행 시점이나 실행 컨텍스트에 따라서 결과가 변경되지 않기 때문에 신뢰할 수 있습니다. SRP(Single Responsibility Principal) 를 지키기 쉽습니다. 함수를 순수하게 구성하다보면, 함수가 짧게 작성되고 하나의 역할만할 확..
2023.04.05 -
[개발자가 되는 과정] 매니저님이 추천하는 협업방식 ( 같은팀끼리 )
협업이란? 많은 사람이 일정한 계획 아래 노동을 분담하여 협동적·조직적으로 일하는 것. - 협업방식 1 프로젝트에서 여러 페이지가 구성되어있다. 각 페이지를 각 팀원에게 분배해서 각자 진행 후 합치는 형식으로 진행한다. 그리고 내가 생각한 장단점 장점 : 팀 모두가 실력이 괜찮다면, 각자 막힘없이 코드를 구성하고 최종적으로 합쳐서 진행한다면 최적의 협업방식이 될 것이다. 더불어 불필요한 작업이 없어 프로젝트 완성까지시간이 오래걸리지 않는다. 단점 : 각 팀원들이 실력이 비슷하지 않다면 누구는 빠르게 자기 역할을 끝낼 것이고, 누구는 끙끙거리며 오래 걸릴 것이다. - 협업방식 2 ⭐️ 처음에는 한 페이지를 잡고 한명이 화면공유를 해서 작업을 하고, 나머지 팀원들이 그 화면을 보면서 내비게이션 역할을 하면서..
2023.02.12 -
[React-Native] Expo CLI & RN CLI 비교
React-Native CLI 장점 > Non-Expo 앱 Expo 패키지를 이용할 수 있다. 자유도가 높아 다양하게 개발 할 수 있다. 네이티브 모듈 사용이 가능하다. Andriod Studio와 Xcode에서 빌도, 배포 가능하다 단점 > 프로젝트 설정하는데 시간이 오래걸린다. 모든 라이브러리들을 하나하나 설치해야한다. Andriod Studio & Xcode를 설치해야한다. 손수 배포해야하고, Window, Linux에서 iOS 앱은 작동안된다. 서드파티 라이브러리가 사용가능하다. 손수 설정해야 한다. Wrapper 가 없다. 초기화가 필요없고, 별도 설치 구성이 필요없는 기능을 제공한다. Expo CLI 장점 > 클라우드에서 앱을 손쉽게 만들 수 있다. 클라우드에서 앱을 손쉽게 Build 할 수 ..
2023.02.08 -
알고리즘 문제 풀기 (JS입문) - 없는 숫자 더하기
문제 0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ numbers의 길이 ≤ 9 0 ≤ numbers의 모든 원소 ≤ 9 numbers의 모든 원소는 서로 다릅니다. 입출력 예 numbers result [1,2,3,4,6,7,8,0] 14 [5,8,4,0,6,7,9] 6 function solution(numbers) { var answer = -1; return answer; } 내가 푼 답 function solution(numbers) { let arr1 = [1,2,3,4,5,6,7,8,9,0] let ..
2023.01.06