전체 글250

• [지난 프로젝트도 다시보자] '무비플레이리스트(무플리)' - 1. 편집거리 알고리즘, 코사인 분석 1. 코사인 유사도 분석 https://wikidocs.net/24603 1) 코사인 유사도(Cosine Similarity) BoW에 기반한 단어 표현 방법인 DTM, TF-IDF, 또는 뒤에서 배우게 될 Word2Vec 등과 같이 단어를 수치화할 수 있는 방법을 이해했다면 이러한 표현 방법에 대해서 … wikidocs.net class MovieListSerializer(serializers.ModelSerializer): class Meta: model = Movie fields = ('pk', 'words',) @api_view(['GET']) def similar_movie(request, movie_pk): movies = get_list_or_404(Movie) serializer = Mov.. Programming/Projects 2022. 11. 9.

• 브라우저의 동작 원리 https://d2.naver.com/helloworld/59361 Programming/ETC 2022. 11. 8.

• quote #221105 소금 3%가 바닷물을 썩지 않게 하듯이 우리 마음 안에 있는 3%의 좋은 생각이 우리 삶을 지탱하고 있는지 모릅니다. , 정호승 My/Riverlog 2022. 11. 5.

• 

  ㅂㄹㅇㅈㅋㅍㄴ 코딩테스트 후기 1. 이제 문제 풀 때 Python으로 통과 되면 무조건 JS로 풀어야겠다. 이번 테스트는 현캐 수준은 아니었어도 아직 JS로 푸는게 익숙하지 않아서 기본적인 문제들도 낑낑거리면서 풀었네. 적어도 기초적인 문제들은 JS로도 쉽게 풀 수 있도록 해야겠다. 2. CSS 개념 정리해 놨던 것도 다시 봐야 될 것 같다. 쌉피에서 배운 걸로도 커버가 많이 돼서 정리해놓길 잘했다는 생각도! My/Careerlog 2022. 11. 3.

• 

  [Typescript] 'No overload matches this call' 에러 https://velog.io/@dosilv/TypeScript-React%EC%97%90%EC%84%9C-TypeScript-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0-%EC%98%A4%EB%A5%98-%ED%95%B4%EA%B2%B0%ED%95%98%EA%B8%B0 [TypeScript] React에서 TypeScript 적용하기 & 오류 해결하기 무수한 오류들과 맞서 싸우기 🗡🛡 velog.io Programming/Javascript, Typescript 2022. 11. 3.

• [JS] 'export default'란? https://ko.javascript.info/import-export#ref-4122 모듈 내보내고 가져오기 ko.javascript.info 카테고리 없음 2022. 11. 2.

• 

  [Javascript] 'null'과 'undefined'의 차이 undefined는 변수를 선언하고 값을 할당하지 않은 상태로, 자료형이 없는 상태라고 말할 수 있다. null은 변수를 선언하고 빈 값을 할당한 빈 객체이다. typeof를 사용해 자료형을 확인해보면 null은 object로, undefined는 undefined로 출력되는 것을 확인할 수 있다. typeof null // 'object' typeof undefined // 'undefined' null === undefined // false null == undefined // true null === null // true null == null // true !null // true isNaN(1 + null) // false isNaN(1 + undefined) // true undefined.. Programming/Javascript, Typescript 2022. 11. 2.

• 

  [Javascript] Primitive Type(원시값) https://developer.mozilla.org/ko/docs/Glossary/Primitive 원시 값 - 용어 사전 | MDN JavaScript에서 원시 값(primitive, 또는 원시 자료형)이란 객체가 아니면서 메서드도 가지지 않는 데이터입니다. 원시 값에는 7종류, string, number (en-US), bigint (en-US), boolean, undefined, symbol, 그리고 null이 developer.mozilla.org Programming/Javascript, Typescript 2022. 11. 2.

• [Javascript] 화살표 함수 https://ko.javascript.info/arrow-functions-basics 화살표 함수 기본 ko.javascript.info Programming/Javascript, Typescript 2022. 11. 2.

• [Javascript] fetch와 axios 비교 https://velog.io/@eunbinn/Axios-vs-Fetch [번역] 입문자를 위한 Axios vs Fetch Axios와 Fetch API에 대해 소개하고 비교하는 글입니다. 제목에서도 알 수 있듯이 설치방법 부터 간단한 성능 비교까지 기본적인 내용들을 다루고 있습니다. velog.io Programming/Javascript, Typescript 2022. 11. 2.

• 

  [Javascript] 싱글 스레드, 비동기, JS 런타임, 이벤트 루프, promise, async-await, axios 먼저 함수의 앞에 async 라는 예약어를 붙입니다. 그러고 나서 함수의 내부 로직 중 HTTP 통신을 하는 비동기 처리 코드 앞에 await를 붙입니다. 여기서 주의하셔야 할 점은 비동기 처리 메서드가 꼭 프로미스 객체를 반환해야 await가 의도한 대로 동작합니다. 일반적으로 await의 대상이 되는 비동기 처리 코드는 Axios 등 프로미스를 반환하는 API 호출 함수입니다. 콜 스택, 콜백 큐, 이벤트 루프 비동기 프로그래밍의 기초에 대해 간단하게 정리해봅니다 www.sungikchoi.com 자바스크립트는 왜 싱글 스레드를 선택했을까? 프로세스, 스레드, 비동기, 동기, 자바스크립트 목차 프로세스와 스레드 프로세스 싱글 스레드와 멀티 스레드 자바스크립트는 왜 싱글 스레드를 선택했을까 동기 vs .. Programming/Javascript, Typescript 2022. 11. 1.

• [React] multipart/form-data 전송 https://velog.io/@shin6403/React-Form-Data-%EC%A0%84%EC%86%A1 [React] Form Data 전송 회원가입을 할때, 또는 어떤 페이지에서 파일(이미지), 제목, 내용을 DB에 저장하는 페이지가 있다고 가정했을때, 파일을 http 통신으로 전송 하려면 formData 객체를 이용하여 보내야 한다.formData 객 velog.io https://ko.javascript.info/formdata#ref-3760 FormData 객체 ko.javascript.info https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-FormData-%EC%A0%95%EB%A6%AC-fetch-api [JS] 📚 FormData 사용법 & 응용.. Programming/React 2022. 11. 1.

• [CORS] "No 'Access-Control-Allow-Origin' header is present on the requested resource." 에러 https://kimyhcj.tistory.com/263 해결 방법 - No 'Access-Control-Allow-Origin' header is present on the requested resource. JavaScript 엔진 표준 스펙에 있는 동일 출처 정책(Same-Origin Policy)이라는 보안규칙으로 인해 발생한다. (JavaScript 로 다른 웹페이지에 접근할 때는 같은 출처 - 프로토콜, 호스트명, 포트 - 의 페이지 kimyhcj.tistory.com Programming/ETC 2022. 11. 1.

• [CORS] OPTIONS 메소드 https://hanamon.kr/%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC-http-options-%EB%A9%94%EC%86%8C%EB%93%9C%EB%A5%BC-%EC%93%B0%EB%8A%94-%EC%9D%B4%EC%9C%A0%EC%99%80-cors%EB%9E%80/ [네트워크/HTTP] OPTIONS 메소드를 쓰는 이유와 CORS란? - 하나몬 ⚡️ HTTP OPTIONS 메소드를 쓰는 이유와 CORS란? ❗️CORS란? 웹 브라우저에서 외부 도메인 서버와 통신하기 위한 방식을 표준화한 HTTP 헤더 기반 메커니즘이다. 클라이언트와 서버가 서로 다른 도메 hanamon.kr Programming/ETC 2022. 11. 1.

• 

  [React] 음성 녹음, 녹음 파일(.weba) 다운로드 구현하기 싼타클리닉 서비스에서 구현했던 음성 녹음 및 녹음 파일 전송 기능 기록이다. react로 음성 녹음 기능을 구현해보자 갑자기 왜? 친구들과 프로젝트를 하던 중, 음성녹음 기능을 필요로 하는 웹을 구현하게 되었습니다... velog.io TS가 적용되지 않은 예제이므로 따로 처리해야 한다. 또한 deprecated된 메서드를 사용하고 있어 업데이트가 필요하다. 그러나 작동 자체에는 문제가 없다. import React, { useCallback, useState } from 'react'; import axios from 'axios'; import { ReactMediaRecorder } from 'react-media-recorder'; // https://stackoverflow.com/questio.. Programming/React 2022. 11. 1.