본문 바로가기

분류 전체보기352

[regex] 정규표현식 공부이유? 은근히 자주 쓰이는데 매번 얕게 공부해서 까먹는 경우가 많았음. 이번기회에 확실히 정리하였다. 일단 자바스크립트 기준으로 공부하였다 먼저 regex는 / / 안에 작성을 함. 1.기본 abc 라는 문자를 찾고싶으면 그대로 /abc/라고 작성하면됨. 1.5 기본 2 []는 한 글자를 의미함 [ABC]를 적으면 A B C 를 찾을 수 있음 [^ABC]를 쓰면 ABC외 문자를 찾아냄 대괄호 안 ^는 제외의 의미 2.정량자 ? : 0번이나 1번 나타남 + : 1번이나 무제한 * : 0번이나 무제한 3. 정량자 활용 a로 이루어진 문자를 모두 찾을 때 /[a]+/ 라고 입력하면 aaa aa aa a a a aaa 모두 찾을 수 있음 4.^ & ^는 시작을 의미, &는 끝을 의미함 /^A[B]A&/ 는 .. 2022. 8. 21.
[회고] SSAFY 공통 프로젝트 회고 기간 2022.07.11 ~ 2022.08.19 팀원 백엔드 3 프론트 2 서비스 개요 기본적으로 webRTC를 이용한 화상 미팅 서비스입니다. 여기에 회의록을 자동 생성해주는 서비스를 탑재하였습니다. 서비스 로직 webRTC를 이용해 화상 미팅을 합니다. WEB Speech API를 이용해 사용자들의 대화를 데이터화 합니다. 대화 내용 데이터를 KOMORAN을 통해 형태소를 분석합니다. 정제된 데이터를 이용해 ASPOSE를 이용해 자동으로 워드 문서를 작성해, 메일로 보내줍니다. 주차별 활동 1주 차 1주 차는 주로 아이디어 회의, 프로젝트 기획을 주로 하였던 것 같습니다. 5일 중, 2일 정도는 주제 선정을 위한 아이디어 회의가 이어졌던 것 같고 3일 정도 아이디어 실현 가능성, 어떠한 기능이 필요한.. 2022. 8. 19.
typescript 이점, 타입추론 typescript의 이점(쓰는 이유) 자바스크립트를 사용하면 런타임에러가 발생하여 오류가 어디서 났는지, 찾기 힘들 수 있지만 타입스크립트를 사용하면 컴파일 시, 오류를 감지하여 에러를 발견할 수 있다 ! 타입추론 let number1 = 5; let number1: number = 5; 위 방식은 타입을 추론하여 적용할 것이고, 아래 방식은 명시적으로 타입을 입력하여 준 것 입니다. 타입추론을 하여도 정상적으로 타입이 정상적으로 지정되기 때문에, let number = 5; number="haha" 같은 코드도 에러가 발생합니다. 2022. 8. 13.
[프로그래머스] 같은 숫자는 싫어 js 문제 배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 단, 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지해야 합니다. 예를 들면, arr = [1, 1, 3, 3, 0, 1, 1] 이면 [1, 3, 0, 1] 을 return 합니다. arr = [4, 4, 4, 3, 3] 이면 [4, 3] 을 return 합니다. 배열 arr에서 연속적으로 나타나는 숫자는 제거하고 남은 수들을 return 하는 solution 함수를 완성해 주세요. 접근 배열을 한번 쭉 돌면서 반복되지 않을때만 새로운 배열에(answer) 값을 넣어줘서 재구성 하여 리턴했습니다... 2022. 7. 28.
AAA 테스트 패턴 AAA란 테스트할때 주로 사용하는 패턴으로 Arange Act Assert 세 단어의 약자입니다. Arrange Arrange는 테스트를 위한 준비를 의미 합니다. Act 실행할 부분을 실행합니다. (버튼의 이벤트를 발생 시킨다던지...) Assert 원하는 대로 작동하는지 검증합니다. 간단한 예시 화면을 그리고 어떠한 버튼을 클릭했을 때, 특정 문구가 뜨는가? Arrange - 화면그리기 Act - 버튼 클릭 Assert - 특정문구 있는지 확인 code import MyScreen from "./MyScreen"; import { render, screen } from "@testing-library/react"; import userEvent from "@testing-library/user-eve.. 2022. 7. 18.
[React] lazy loading Lazy Loading이란? lazy loading이란 말그대로 느린 로딩을 의미합니다. react를 사용하여 렌더링을 할때, 프로젝트가 클수록, 초기 렌더링 시간이 오래걸리기 때문에 이를 해결해야할 필요성이 있습니다.(CSR을 채택하기 때문) 그리하여 나온 방법이 한번에 다 로딩하지 않는 느린 로딩 방식입니다. 처음에 모든페이지를 다 렌더링 하지않고 특정 페이지를 요청했을때 js를 다운받아오는 방식입니다. 문법 lazy Loading 안썼을 때 import A from './경로'; lazy Loading 썼을 때 const A = React.lazy(() => import('./경로'); 이제 A컴포넌트는 필요시에만 다운로드되어 작동합니다. 문제점 근데 이렇게 까지만 구현하면 원하는대로 작동하지 않습.. 2022. 7. 11.
반응형