일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 프로젝트
- Spring
- java
- 백엔드
- 프로그래머스
- React Native
- 2025 프로그래머스 코드챌린지 2차 예선
- 코테
- project
- controller
- 파이어베이스
- 자바스크립트
- javascript
- node.js
- 태그
- React
- map
- 자바
- ReactNative
- firebase
- 티스토리챌린지
- 오블완
- expo
- 코딩테스트
- 리액트
- 스프링
- PCCE
- 코딩
- 리액트네이티브
- 리액트 네이티브
- Today
- Total
목록자바스크립트 (8)
양갱의 개발 블로그
https://school.programmers.co.kr/learn/courses/30/lessons/258712?language=javascript 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 확인 내용1. 선물을 가장 많은 받은 사람, 적게 받은 사람 확인2. 그리고 선물을 주고 받은 사람의 2차 배열 코드로직1. 선물을 받을 수 있는 friends의 배열과 2차원 배열 생성2. 선물 지수 생성 하여 1차원 배열에 선물을 받으면 ++, 선물을 주면 -- 연산3. 선물을 주거나 받았던 내용을 기록하는 2차원 배열에 준값, 받은 값 기록4. 2차원 배열에서 두 사람 중 한명이 선물을 받은 횟수보다..

오늘은 React 프로젝트에서 자주 사용하는 오픈소스와 라이브러리를 알아보려고 합니다.React 프로젝트를 시작하면서 프론트엔드를 맡게되었는데 프로젝트를 할 때마다 디자이너의 중요성을 세삼 느끼게 됩니다. 디자이너의 유무에 따라서 프로젝트의 퀄리티도 달라지고 사용자 로직에서도 더 편리함을 느낄 수 있다고 생각합니다.그래서 디자이너가 없을 땐 어떻게 해야하나 싶은데 아무래도 색감과 애니메이션이라고 생각합니다.그래서 오늘은 React 반응형 프로젝트에서 사용할 수 있는 오픈소스나 라이브러리를 알아보겠습니다. 자료아래의 자료에 따라서 어떤 오픈소스, 라이브러리가 있는지 알아보겠습니다 (이미 알고 있거나 유명한 것은 예외처리해두었습니다)참고한 자료는 아래와 같습니다. https://www.bloter.net/n..
https://school.programmers.co.kr/learn/courses/30/lessons/340212 프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr 확인 내용1. 숙련도 : 현재 코딩 테스트 문제에서 return 해줘야하는 값 -> 제한 시간 내에 최소한의 숙련도(범위 중요!!!)2. 난이도에 따라 숙련도가 높으면 넘어가지만 낮은 경우의 시간 연산 방법 확인 필요3. 연산된 시간과 제한 시간비교 코드 로직1. 숙련도를 높이면서 제한 시간과 확인하면서 연산 작업(범위 중요!!!)2. 계산하는 방법을 인식하고 함수로 만들기(개인적 의견)3. 숙련도의 최솟값을 return 변수left, ..
https://school.programmers.co.kr/learn/courses/30/lessons/340213 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 확인 내용1. 3가지 기능(10초 전으로 이동, 10초 후로 이동, 오프닝 건너뛰기)가 있다.2. 사용자의 입력 내용에 따라 기능 수행해야 한다.3. 현재 진행 시간이 오프닝 시간이라면 오프닝 종료 시간으로 이동한다. 코드 로직1. 시간을 숫자로 전환하여 연산2. 현재 시간을 확인하여 오프닝 중이라면 오프닝 종료 시점으로 전환3. 사용자 입력 내용이 'next'라면 +10, 'prev'라면 -10으..

면접 준비를 하면서 공부하는 겸 블로그 정리하려고 합니다. 면접 질문 목록에서 자바스크립트와 React같은 프론트엔드 개발 질문 목록이다 보니 개념이 중요한 것같습니다. 그래서 기본적인 Javascript의 동작원리에 대해 공부하고 포스팅했답니다 자바스크립트( Javascript )의 동작 원리 자바스크립트 ( javascript )는 싱글 스레드 기반 원리로, 한번에 하나의 작업만 처리할 수 있습니다. 그러나 비동기 처리를 통해 여러 작업을 '동시에' 처리하는 것처럼 보일 수 있습니다.(Async인가요..?) Javascript 엔진은 Call Stack, Web API(블라우저 제공), Task Queue(Event Queue), Event Loop로 구성됩니다. ** JavaScript 엔진 : 자..

컴포넌트를 추가하려면 []배열에 넣으면 된다 내가 하고 싶은 부분은 버튼은 클릭할 때마다 컴포넌트를 추가해주고 싶다 즉 버튼을 클릭할 떄마다 컴포넌트 내가 만든 태그들을 추가할 수 있다ㅏ 가장 중요한 부분은 useState와 어디에 넣을지가 중요하다! 배열을 넣어주는 concat이 있다! const [insertTag, setInsertTag] = React.useState([]); useState를 꼭 [] , 배열로 해줘야 한다 그래야지 추가가 된다!! 그리고 버튼을 클릭하면 onPress안에 set을 넣으면 된다ㅏ concat은 해당 배열에 추가 또 추가 붙여넣기 라고 볼 수 있다 setInsertTag 에 insertTag.concat으로 계속 추가해준다 {insertTag}..