개발을항해

어느 평화로운 날, 새로운 요구사항이 생겼습니다.관리자 코멘트 입력란에 '링크 삽입' 기능 추가해 주세요. 코멘트 입력란은 textarea를 사용 중이었는데, 말 그대로 텍스트만 입력됩니다. 어떻게 구현해야 될지 몰랐지만 일단 안된다고 대답하고 좀 더 고민해 봤습니다. 링크를 삽입하는 방법이 여러 가지 떠올랐는데,링크를 a 태그로 감싸서 텍스트로 저장한 후, HTML로 파싱하여 보여준다.코멘트 입력란을 현재 블로그 기능에 사용 중인 웹 에디터로 교체한다.마크다운으로 입력 후 JSX로 변환한다.위의 방법 모두 검색해 보면 관련 라이브러리가 있습니다. 하지만 짧은 코멘트를 위해 라이브러리를 설치한다고? 링크 많이 넣어봤자 2, 3개일 텐데, 마크다운이나 HTML 파싱 기능을 통째로 넣는 걸 납득할 수 있습니..

사용자가 이미지 주소나 이미지 파일을 업로드했을 때, 이미지 크기를 조정하고 Base64로 인코딩하는 과정을 알아보겠습니다.개발 환경클라이언트: Typescript서버: Node.js + Express +  Typescript상황사용자가 업로드 한 이미지를 서버에서 Base64로 인코딩해야 한다.이미지 가로x세로 크기 조정을 서버와 클라이언트 중 어디에서 할까? 사용자가 용량이 큰 이미지를 업로드했을 때를 고려하여, 클라이언트에서 크기를 조정하고 용량을 줄인 후 서버로 전송하겠습니다.클라이언트에서 서버로 이미지를 전송할 때 어떤 형태로 전송할까? (이미지 주소, 파일, Blob, Base64 등)클라이언트에서 Canvas를 사용하여 이미지 크기를 줄일 수 있습니다.Canvas의 toBlob 함수를 사용하..

[공지] 프리온보딩 FE 챌린지 9월 | 원티드이력서, 채용 공고, 연봉 정보는 물론 프리랜서 프로젝트까지! 신입 취업 및 경력직 이직, 커리어 성장에 필요한 모든 것을 만나보세요.www.wanted.co.kr취업 준비 중인 0년차 신입으로서, 자기소개서 쓰는 것도 쉽지 않지만 제일 두려운 건 면접입니다 😱 오늘도 어김없이 취업사이트를 둘러보다가 원티드에서 세션을 진행하길래 냅다 신청했습니다. 취업 준비를 하다보면 문득 '교육을 받고 싶긴한데, 부트 캠프만 몇 개월 듣기는 부담스럽다'라고 생각한 적이 많았습니다. 원티드에서 진행하는 세션은 신입뿐만 아니라 주니어 개발자도 대상으로 하기 때문에 하루 종일 진행하는 교육이 아니었습니다. 게다가 돈을 내야하는 것도 아닙니다. 완전 혜자아니야? 이건 신청할 수..

안녕하세요. 이번 글에서는 10월 초부터 4주간 진행한 우아한테크코스의 프리코스에 대해 후기를 자세히! 남겨보고자 합니다. 우아한테크코스에 관심이 있고, 교육에 지원할지 고민하시는 분들에게 도움이 되었으면 합니다. 목차 소개  우아한테크코스란?  프리코스는 무엇인가? 우테코 지원 전에 생긴 궁금증 매주 미션을 진행한 과정 & 배운 점   1주차: 좀 낯설지만 시작은 가볍게    README 요구사항     Class로 구현하기     현직자의 코드   2주차: 너 테스트 코드 작성할 수 있니?     함수 분리하기     구현한 함수 테스트하기   3주차: 좀 더 잘 해보도록 해     Class vs. Object     이제 던진 예외를 캐치해보자     테스트를 하..