2022년 9월 17일 조코딩 구독자 40만 이벤트 해커톤에 제출했던 팬페이지를 제대로 만들어보고자 시작했던 프로젝트이다 어느새 2023년 2월 막바지에 접어들어서 계속 이 프로젝트를 마무리 시켜볼려고 했으나 막상 끝이 보이니까 이걸 배포하는게 나한테 얼마나 도움이 될지 모르겠다는 생각이 들었다. 솔직히 도움보다도 지금 나와있는 블랙핑크 팬페이지나 팬앱같은 경우 퀄리티가 지금 내 프로젝트보다 많이 좋기때문에 배포하기 꺼려지는게 더 크다 이번 프로젝트는 ci/cd 환경을 구성하고 요구사항을 수집하고 분석해서 진행해봤다는데에 의미를 두고 다음 다른 프로젝트의 밑거름이 된 정도로 생각해야겠다. 아마 chatGPT 나 생성AI 를 활용한 프로젝트이거나 게임 프로젝트일것이다. 계획하고있는 sns 앱도 있는데 이건..
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) 구현하기 게시판의 많은 양의 ..
이제 인프라 작업은 끝났고 back-end 랑 front-end 작업 하면 될꺼같은데 컨테이너로 실행한 앱에서 php가 돌아가지 않는다 ㅡㅡ dockerfile 에 뭘 빠트렸나 천천히 해보자 12.27 4:43 pm 일단 ip 가 다르니까 ip 부터 바꾸고 추가로 web-server 에 eip 를 하나 연결했는데 프라이빗 아이피는 바뀌지 않으니까 ansible inventory 파일은 따로 바꿀 필요가 없어서 좋았다 인터넷 찾아보니 short_open_tag 가 off 되있으면 phpinfo 가 안보일수도 있다고 해서 php.ini 파일을 복사해서 해당 부분 열어주고 위에 extension 도 주석 해제 해준다음에 git repo에 포함시켜서 dockerfile 로 컨테이너 안으로 복사하게끔 했다 12...
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..
이제 남은거 6. Dockerfile 작업 7. Jenkinsfile 작업 8. github webhook 작업 9. ansible-plaubook 작업 10. test 요새 술안마시면 잠안와서 한 2시간 누워있다가 그냥 일어나서 작업하려고 컴켰다 12.18 5:45 am 일단 저번에 ansible 연결까진 다 해놨고 이제 docker-compose 파일 만들고 이전 인스턴스를 빨리 삭제하자 12.18 8:54AM docker-compose 파일로 하려고했는데 생각해보니 container 2개를 따로 저장하고 빌드해야 하기 때문에 그냥 dockerfile 을 2개로 만들어서 각 stage 에서 build + push 하는식으로 해보려고 한다 Commit message: "added jenkinsfile ..