전체보기250

• [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.

• 

  50분 면접 회고 오늘 어떤 기업 1차 면접에서 50분동안 면접을 봤다! 흔치 않은 경험이기도 하고, 배울 점도 많아서 당일 회고를 써본다. 1. 자기소개서는 각 기업에 맞게 작성하자 원티드 지원 기업들은 보통 공통 이력서 하나로 모두 지원을 했었는데, 그러다보니 각 기업에 딱 맞는 이력서는 아니었다. 오늘 면접에서도 내가 강조하고자 하는 부분과 다른 부분들이 강조된 것 같아 진땀 뺐던 순간들이 조금 있었다. 앞으로는 기업별로 이력서를 다르게 작성하는 게 맞는 것 같다. 2. Javascript의 작동 원리, Web의 작동 원리를 깊이 공부하자 두 번의 면접에서 모두 JS와 Web 관련 CS 질문들이 나왔다. 이번 면접 시간이 길어서 더 깊이 있는 질문이 나오기도 했는데, 역시 JS와 Web 관련 기초가 부족하다고 느꼈다.. My/Careerlog 2022. 11. 1.

• 

  [SSAFYcial] (프론트엔드 직무 뽀개기 - 4편) Next.js...누구세요? Programming/SSAFY 2022. 11. 1.

• [Git merge] merging 상태에서 빠져나가기 https://nochoco-lee.tistory.com/83 8.3: 진행중이던 merge 작업 취소하기 GitNotes.8-3.md 본 문서는 Git Notes for Professionals (라이센스:CC-BY-SA) 를 한글로 번역한 문서입니다. 번역상 오류가 있을 수 있으므로 정확한 내용은 원본 문서를 참고하세요. Section 8.3: 진행중이던 me.. nochoco-lee.tistory.com Programming/Git 2022. 11. 1.