요정세상코딩다솜 요정세상코딩다솜

Zustand 란 ❓🐻 Zustand는 독일어로 상태라는 뜻으로 React 생태계에서 사용하는 상태 관리 라이브러리 사용하는 이유1. React에서 데이터는 단방향 기본적으로 React의 데이터 흐름은 State & Props를 사용해 단방향으로 이루어져야 한다는 원칙이 있다.이러한 데이터 흐름을 단순하고 예측 가능하며 컴포넌트 간의 관계를 명확히 정의하기 때문에 유지 보수성을 향상 시킨다. 2. 컴포넌트가 많으면 ?!최상위 부모 컴포넌트에서 상태나 데이터를 가지고 있다.중간에 위치한 하위 컴포넌트가 해당 데이터에 접근할 필요가 있다.그러나 중간에 있는 다른 컴포넌트들은 해당 데이터에 접근할 필요가 없지만 데이터를 다시 자식 컴포넌트로 전달해야 한다.결과적으로 데이터는 여러 컴포넌트를 통과하여 목적지에..

Uint8Array플랫폼의 바이트 순서를 따르는 8비트 부호 없는 정수의 배열 (뭔 소리야 ... ㅋㅋ)배열의 내용은 0으로 초기화배열이 생성되면 객체의 메서드를 사용하거나 배열 인덱스 구문을 사용하여 배열의 요소를 참조할 수 있다// Unit8Array을 생성하기 위한 각기 다른 여러 방법// 길이로부터 생성const unit8 = new Unit8Array(2);unit8[0] = 42;console.log(uint8[0]); // 42console.log(uint8.length); // 2console.log(uint8.BYTES_PER_ELEMENT); // 1// 배열로부터const x = new Uint8Array([21, 31]);console.log(x[1]); // 31// 다른 Type..

Branch 관련 명령어브랜치 전환 👾 git checkout 브랜치명브랜치 생성 후 해당 브랜치로 전환 👾 git checkout -b 브랜치명브랜치 이름 변경 👾 git branch -m 브랜치명브랜치 삭제 👾 git branch -d 브랜치명Push 관련 명령어변경된 파일 전체 올리기 👾 git add .커밋 메세지 작성하기 👾 git commit -m “커밋 메세지”변경된 파일 + 커밋 메세지 푸쉬푸쉬 베벱 하기 👾 git push origin 브랜치명

Reset CSS ❓웹 브라우저마다 기본으로 적용되는 스타일이 지정되어 있어 브라우저 간 요소들의 차이를 없애 동일한 스타일이 적용되도록 초기화하는 방법 Reset CSS Code/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, s..

CSS (Cascading Style Sheets)Style Sheet 언어. 웹 페이지를 꾸미려고 작성하는 코드를 말한다.HTML 문서에 있는 요소들에 선택적으로 스타일을 적용할 수 있다. rule set전체 구조. 종종 줄여서 rule 이라고 한다. 1. 선택자 (Selector)rule set의 맨 앞에 있는 HTML 요소 이름. 꾸밀 요소를 선택한다.다른 요소를 꾸미기 위해서는 선택자만 변경하면 된다.2. 선언 (Declaration)color: red; 와 같은 단일 규칙을 가지고 있고 꾸미기 원하는 요소의 속성을 명시한다. 3. 속성 (Property)주어진 HTML 요소를 꾸밀 수 있는 방법이다.rule 내에서 영향을 줄 속성을 선택한다.4. 속성 값 (Property Value)주어진 속성..

Nvm 터미널 환경에 맞게 설치하는 방법 💡회사에서 nvm을 설치하여 version을 프로젝트에 맞게 사용한 적이 있다.집에서도 업무를 진행할려고 하는데 내가 사용하는 Mac에서 자꾸 아래와 같은 오류가 발생하는 것이다 ! zsh: command not found: nvm 회사에 노트북을 들고가서 팀장님께 도와달라고 했지만 팀장님도 해결하시지 못했던 ... ㅋㅋ집에서 다시 아래와 같은 방법으로 설치하니까 문제가 해결됐다. 1단계 : Shell 확인하기먼저 사용 중인 쉘이 무엇인지 확인 ! 일반적인 쉘은 bash, zsh, ksh 등이 있다.현재 사용 중인 쉘을 확인하려면 아래 명령어를 입력 후 실행하면 된다.echo $SHELL2단계 : nvm 설치nvm 설치 스크립트를 실행하여 nvm을 설치한다.cu..

💡 문제 설명 어떤 문장의 각 알파벳을 일정한 거리만큼 밀어서 다른 알파벳으로 바꾸는 암호화 방식을 시저 암호라고 합니다. 예를 들어 "AB"는 1만큼 밀면 "BC"가 되고, 3만큼 밀면 "DE"가 됩니다. "z"는 1만큼 밀면 "a"가 됩니다. 문자열 s와 거리 n을 입력받아 s를 n만큼 민 암호문을 만드는 함수, solution을 완성해 보세요. 🚫 제한 조건 • 공백은 아무리 밀어도 공백입니다. • s는 알파벳 소문자, 대문자, 공백으로만 이루어져 있습니다. • s의 길이는 8000이하입니다. • n은 1 이상, 25이하인 자연수입니다. 입출력 예 number n result "AB" 1 "BC" "z" 1 "a" "a B z" 4 "e F d" 나의 풀이 function solution(s, n)..

💡 문제 설명 한국중학교에 다니는 학생들은 각자 정수 번호를 갖고 있습니다. 이 학교 학생 3명의 정수 번호를 더했을 때 0이 되면 3명의 학생은 삼총사라고 합니다. 예를 들어, 5명의 학생이 있고, 각각의 정수 번호가 순서대로 -2, 3, 0, 2, -5일 때, 첫 번째, 세 번째, 네 번째 학생의 정수 번호를 더하면 0이므로 세 학생은 삼총사입니다. 또한, 두 번째, 네 번째, 다섯 번째 학생의 정수 번호를 더해도 0이므로 세 학생도 삼총사입니다. 따라서 이 경우 한국중학교에서는 두 가지 방법으로 삼총사를 만들 수 있습니다. 한국중학교 학생들의 번호를 나타내는 정수 배열 number가 매개변수로 주어질 때, 학생들 중 삼총사를 만들 수 있는 방법의 수를 return 하도록 solution 함수를 완성..