23.1.19 9:25 PM 그동안 javascript 나 php 를 잘 몰라서 좀 알아봤는데 무한스크롤을 구현할 수는 있을것 같다 로컬 테스트 환경이 구축되진 않아서 쉽진 않겠지만 가능은 할듯 함 먼저 예제 코드로 테스트를 하면서 진행해볼 예정 일단 무한 스크롤의 큰 로직은 if 페이지 끝단에 오면 로딩 띄우기 ajax php 스크립트 실행 (return js.array) html 코드 append 로딩 지우기 이렇게 될것 같다 23.1.19 10:53 PM 계속 예제로 실습하던중 ajax 에 대해서 더 알아보면 무한 스크롤이 가능할것 같은 감이 왔다 https://xively.tistory.com/78 [PHP + AJAX] php 함수를 ajax로 호출하는 법 우선 본론으로 들어가기 전 좋은 방법이..
본격적인 백앤드, 프론트앤드 작업 시작 22.12.30 6:44 am db 불러오는건 성공했고 이제 맨 아래까지 스크롤 하게 되면 다음 데이터를 불러오는 이벤트 핸들러를 구현해보자 https://velog.io/@eunoia/%EB%AC%B4%ED%95%9C-%EC%8A%A4%ED%81%AC%EB%A1%A4Infinite-scroll-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0#%EB%92%A4%EB%A1%9C-%EA%B0%80%EA%B8%B0-%EC%8B%9C-%EC%9D%B4%EC%A0%84-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%9C%A0%EC%A7%80-%EA%B5%AC%ED%98%84 무한 스크롤(Infinite scroll) 구현하기 게시판의 많은 양의 ..
CI/CD 환경 구축을 끝내서 최종 정리하려고 함 이번 포스팅으로 인프라 세팅은 끝내고 이제 다시 front-end 와 back-end 작업에 들어갈 듯 하다 웹서비스 인프라 설계 및 구축 글은 각 제목 아래 설계했던 내용 - 구축한 내용 으로 작성하였음 목차 1. Infrastructure Diagram 2. AWS resources - subnet, SG, EIP, 3. jenkins-server - install & config docker - create AMI 4. db-server 5. web-server 6. CI/CD pipeline - github + hub.docker - jenkins config - ansible - Webhook - Jenkinsfile - playbook.yaml..
10.09 12:18am 일단 지금 페이지의 문제점은 1. s3/images/ 안의 파일들이 모두 div 라인으로 표현되고있기 때문에 오른쪽 화면 스크롤이 한도끝도없이 작아진다는 것 2. 추가할 맴버별, 업로드 월 별로 콤보박스를 구현해야 하기 때문에 S3에서 태깅을 사용하거나 이미지 디렉토리를 rds나 dynamoDB로 마이그레이션 해야한다는 것 이렇게 2개 문제부터 해결해보자 10.09 2:16am 스크롤 이벤트를 활용해서 화면 최하단에 도달했을때 새로운 데이터들을 불러오는 기능을 구현하려고 했는데, 지금 시스템으로는 힘들것 같다. 지금은 s3 엔드포인트를 route53 에 매핑시킨 정적 웹 호스팅인데, 서버로 사용하고 있는 ec2 ip 를 매핑시키고 s3는 단순 스토리지로만 사용하면서 동적 웹 호스..
9월17일 자정까지란다 최근 AWS 를 공부하고, 구름 쿠버네티스 과정을 들으면서 느낀건 실제 서비스를 구현하고 배포하는 작업을 해봐야겠다고 생각했었는데 이번기회에 웹을 하나 만들어서 배포해봐야겠다 이번 프로젝트에서 중점을 둘 것은 물론 서비스의 완성도가 높아야겠지만 무엇보다 클라우드 인프라 구성에 초점을 맞춰서 진행해보려고 한다 애플리케이션 일단 만드려는걸 간단하게 정리하자면 인스타그램에서 가져온 사진들을 조합해서 16:9 혹은 4:3 비율의 하나의 사진파일로 만들어서 다운로드 받을수 있게 하는 사이트를 만들어보려고 한다. 유저는 인스타 아이디를 1개 혹은 2개나 4개를 입력하게 되고 그 아이디의 최근기준 각각 12개 , 6개, 3개의 사진들을 가져와 각각 리사이징 해서 하나의 사진으로 합친다. 유저는..
어제 하루 그냥 쉬어버렸고 오늘은 android 에서 사진을 보내고 S3에 저장한 후 다시 S3의 파일을 android 로 가져오고 기존 데이터를 삭제하는 부분을 구현해 보자 일단 지금 생각하는 기본적인 플로우는 1. android 에서 S3로 이미지파일 전송 2. S3 버킷 트리거로 lambda 실행 3. android 에서 lambda 로 변환 완료를 질의 4. android에서 S3 이미지 다운로드 이정도이다. 이 중에 오늘은 사용자 갤러리에서 이미지를 받아와서 S3 에 업로드 하는 것 까지만 해보고 시간이 더 되면 S3에서 이미지를 다운로드 하는 것 까지 해보자 그리고 sqld 시험이 얼마 남지 않았기때문에 다음주는 시험대비에 시간을 더 쓸것 같다. android to S3 많은 블로그에서 htt..