프로그래밍/Web

결론 코드 style="white-space: nowrap; overflow:hidden; text-overflow: ellipsis;" 8글자가 넘어가는 품종의 경우에 다음줄로 넘어가는 상태 넘어가는 글자의 경우 ...으로 처리하고 싶어 일정 크기 이상 넘어가는 텍스트를 ....로 표시하기 - hong's blog 텍스트를 감싸주는 컨테이너에 아래 css태그를 추가해준다. white-space: nowrap; overflow:hidden; text-overflow: ellipsis; Document .box{ bord hong.adfeel.info 이 분의 글을 보고 컨테이너에 style 추가 왜인지 ...으로 변하지는 않았지만 한 줄로 이쁘게 들어간 모습이다. 좀 더 긴 친구가 어떻게 보이는지 임의로..

이 글은 유명한 동영상인 naver d2의 [그런 REST API로 괜찮은가]를 보고 정리한 글입니다. 자세한 내용은 해당 동영상을 통해 접하시면 좋을 것 같습니다. REST API : REST 아키텍처 스타일을 따르는 API REST : 분산 하이퍼미디어 시스템(예:웹)을 위한 아키텍처 스타일 아키텍처 스타일 : 제약조건의 집합 REST를 구성하는 스타일 - client-server - statrless - cache - uniform interface - layered system - code-on-demand (optional) **uniform interface의 제약조건** - identifiaction of resources - manipulation of resources through re..

서버를 하는데 모듈들이 통째로 날아가는 상사가 벌어져서 해결을 하다가 pm2설정을 다시 하면서 --watch에 대한 설명을 들었다. 기존에 vscode로 api를 작성을하고 저장을 한 후 서버에 들어가서(termius) pm2 restart 0을 해줘야 방금 저장한 코드로 실행이 되게 된다. 하지만 pm2를 설정할 때 --watch 옵션을 주게되면 자동으로 restart가 돼서 작동하는것을 볼 수 있다. 명령어는 다음과 같다. PORT=8469 pm2 start ./bin/www --name=neoul --watch --ignore-watch='public/uploads/*' 기존 pm2 설정에 --watch 옵션을 붙이면 위에서 말한 기능이 작동을 하게 되는데 뒤에 ignore부분은 특정 디렉토리에 w..

-------------------------------------------------- 이집 잘하네 https://gngsn.tistory.com/37 한번 이미지를 불러오는것을 해볼까요? https://g-song-ii.tistory.com/11 Node.js - Multer를 이용해 안드로이드에서 이미지 업/다운로드 이 부분은 이 중고거래 플랫폼을 만들면서 이더리움으로 고생했던 것만큼 오래 걸렸던 부분이에요. 파트너에게 부탁했는데 도저히 안되어서 넘겨받았는데 저도 힘들더라고요. 누군가 저에게 g-song-ii.tistory.com https://jungsikjeong.github.io/nodejs/2020/07/23/multer/ 이건 안드로이드 버전 https://angangmoddi.tisto..

잘 사용을 해보도록 하자 https://summernote.org/getting-started/ https://dawitblog.tistory.com/148 Summernote 에디터 적용, imgbb 서버로 게시글 이미지 업로드 글 에디터는 기존에 그냥 텍스트만 쓸 수 있는 에디터였다. 이는 게시판이라면 너무나 부실한 것이고 전혀 실용적이지 않다. 그래서 에디터를 적용해야 하는데, 에디터를 javascript로 직접 만들기 dawitblog.tistory.com https://tyrannocoding.tistory.com/13 [JAVA, SPRING, SUMMERNOTE] 서머노트 사용법 ① 기존에 서머노트 외에 많이 쓰는 CKEditor 같은 경우는 file에 대해서는 부분 유료라는 단점으로 괜찮은..

오늘은 web page의 영역을 나누는 내용을 다룰 것이다. 다른 사람들은 어떠한 단계로 코딩을 하는지 잘 모르겠지만 나는 구역을 나눠놓고 하는 것이 편한 것 같다. html을 가지고 본격적으로 페이지를 만들기 전에 c# form을 이용하여 디자인을 해주었다. html로 바로 만들기에는 막연할 수 있으므로 포토샵이나 파워포인트 등으로 디자인 설계를 하고 시작하는 것을 추천한다. 본격적으로 html 코딩을 시작해 보겠다. 영역을 나눌 때 가장 기본적으로 사용하는 태그는 div태그이다. div태그는 하나 이상의 태그를 묶는 태그로 레이아웃을 만들 때 좋은 태그이다. 사용 방법은 로 집합을 만든다고 생각하면 쉬울 것 같다. 레이아웃을 짤 때 큰 집합에서 작은 집합으로 나누어 가며 그리고 열(세로 방향)으로 먼..

아는 분의 부탁으로 작은 기능을 하는 web page를 디자인하게 되었다. 오랜만에 하는 web이라 기억이 잘 나지는 않지만 열심히 구글링 하며 해보려고 한다. 하지만 다음번에는 구글링이 아닌 내가 작성한 포스트를 보며 따라 하기 위해 글을 끄적여 본다. ㄲ,,,,ㅡ,,,,,저,,,,,,ㄱ,,,,,,,끄,,,,,,,,,,,,쩍,,,,,,,, 우선 web파일들을 저장할 폴더를 만든 후 폴더 불러오기를 한다. 그 후 html파일을 생성해야 하는데 새 파일을 만들고 파일 이름 뒤에 .html을 붙이면 된다. 나는 간단히 home.html이라고 했다. 이렇게 html 파일이 생성되었다면 제일 먼저 해야 할 일은 형식을 만드는 일이다. web초보라면 형식을 만드는 것조차 확인하지 않고는 투닥투닥하기 힘들다,,ㅎ ..