본문 바로가기
2222

분류 전체보기212

웹에디터에 이미지 붙여넣기 구현 0. 내 생각대로 코드로 구현 1. 클립보드 API 이용 2. Open Source로 공개된 웹에디터 이용 3. 다 안되면 어드민 페이지에 있는 이미지 추가 기능을 가져오기 일단 현 상황 분석. 1. textarea로 구성되어 있기 때문에 사용자가 붙여넣기를 했을 때 textarea안에 img태그로 나오게 하고 확인을 눌렀을 때 이미지가 보이는 방법. 2. textarea로 만들어져 있는 것을 div로 바꿔서 적용 내용에 img자체를 넣을 수 있다. 결과 기존 textarea를 div로 바꿔서 전환하는데 성공했다. admin페이지에서 확인하는 과정이라던지 수정, 답변에도 문제 없이 작동하도록 만들었다. 마지막에 가장 문제였던 윈도우 클립보드에 캡처한 이미지가 속도를 느리게 하는 문제점이 있었는데 data.. 2021. 4. 30.
모바일 반응형 사이즈 참고 사이트 experienceleague.adobe.com/docs/target/using/experiences/vec/mobile-viewports.html?lang=ko 2021. 4. 28.
node.js 초기 1. node.js 사이트에서 lts설치 2. node -v로 깔렸나 확인 3. 깔렸으면 npm init 해서 package.json 파일 생성작업하기. 지금은 별로 중요하지 않으니 다 엔터해서 넘어가기 2021. 4. 22.
commonJS와 import하는 것의 관계 www.daleseo.com/js-module-require/ 자바스크립트 CommonJS 모듈 내보내기/불러오기 (require) Engineering Blog by Dale Seo www.daleseo.com 2021. 4. 22.
Node.js 란 #1 chrome에서 javascript를 해석하기 위한 엔진인 V8을 사용하는데 브라우저가 아닌 다른 환경에서도 javascript언어가 작동할 수 있도록 별도로 빼낸 엔진에다가 살을 붙여서 만든 것이 Node.js. 덕분에 javascript를 하나의 언어로 사용하면서 브라우저 외에서도 사용할 수 있게 되었다. #2 특히 서버를 만드는데 사용을 많이 하는데 이유는 non-blocking I/O라는 특징이 있어서 그렇다. non-blocking I/O가 무엇이냐면 일반적인 서버는 요청이 들어온 순서대로 처리하기 때문에 오래 걸리는 작업을 만났을 때 뒤에 시간이 조금 걸리는 작업들도 기다려야 했다. 그런데 node.js 는 nonblocking I/O성격에 맞게 일단 요청을 전부 다 받은다음 먼저 처리할.. 2021. 4. 21.
4.17 아침 : 260강 오후 : 261, 262, 263강 저녁 : 섹션17시작. 266, 267, 268 4.18(일) 아침 : 269 오후 : 270, 271, 272 저녁 : 273, 274, 275 4.19(월) 섹션17 끝 4. 19 ~ 4. 23 섹션18 반을 목표로 노력하기. 4.25 ~ 5.2 섹션19 끝내기 목표로 노력하기. 5.3 ~ 5.9 섹션15 끝내기 5월 중순. node.js 시작해서 프론트단부터 백단까지 만들어보기. 2021. 4. 16.