백으로 해야할걸 프론트에서 구현하려고 하잖아 ㅋㅋ
백으로 디텍토리 파일 목록 추출해서 json형식으로 보내고 프론트는 받은 데이터만 처리해라.
익명(223.38)2020-06-15 17:13
답글
백을 구축할수 없는 환경이니까 이러고있지
익명(223.62)2020-06-15 17:13
답글
그게 아니면 프론트로 디렉토리 안에있는 파일명 알아낼 방법은 없음.
프론트는 그냥 파일 이름 아는경우에 요청해서 받아오기만 하는거니까
익명(223.38)2020-06-15 17:14
답글
안되면 되게한다
익명(223.62)2020-06-15 17:14
답글
애초에 프론트는 인덱스랑 같은 디렉토리에 '접근'하는게 아니라 '요청'하는거임.
익명(223.38)2020-06-15 17:15
답글
그냥 기술적으로 구현 가능한게 아니라 브라우저가 보안상 이유로 일부러 막아둔거야.
익명(223.38)2020-06-15 17:16
답글
오늘 계속 시도해보고 성공하면 연락한다 이기.. 사진 추가할때마다 코드 수정해야하는거 개귀찮아서 이렇게 해야한다..
익명(223.62)2020-06-15 17:17
답글
니가 만약에 파일명을 알아내고 싶으면
접근이 불가능하니 파일명 알려달라고 서버에 요청해야 하는데,
그건 백엔드 없이 불가능함
백엔트 구축이 안되는 상황이면 그게 안되니 지금 니가 하듯
일일히 파일명 입력해서 슬라이드 돌리는수밖에 없지.
익명(223.38)2020-06-15 17:18
답글
시도해보고 나발이고의 문제가 아니라니깐 왜 고집부리노 ㅋㅋ
그게 되면 애초에 해킹이라니까.
익명(223.38)2020-06-15 17:19
답글
지금은 파일명이 1~11.jpg 이렇게 숫자로 되어있어서 Math.floor(Math.random() * 11) + 1 해서 정해진 초마다 url을 불러와서 이미지가 바뀌게 되어있음 그러니까 12.jpg가 추가되면 코드에 숫자 11을 12로 바꿔야되는 귀찮음이 발생함
익명(223.62)2020-06-15 17:20
답글
12.jpg가 추가됐단걸 클라에서 직접 알아낼 방법이 없음.
익명(223.38)2020-06-15 17:20
답글
니 말대로 동적으로 구현하려면
1. 랜덤 함수 쓰기 전에 클라에서 ajax로 파일목록 갱신 요청
2. 서버에서 새로 추가된 파일 있는지 검사 후 데이터 전송
3. 받은 데이터를 기반으로 랜덤함수 돌리기
익명(223.38)2020-06-15 17:25
답글
스택오버플로우에도 나랑 같은 생각한 사람이 있는데 이거 못한대ㅅㅂ 그냥 그 디렉토리안에 있는 파일 이름만 알아내면 되는거라 될줄 알았는데 안되노 이기
익명(223.62)2020-06-15 17:25
답글
ㅇㅇ 내가 괜히 단호히 안된다 한게 아니다. 더 공부하면서 왜 안되는건기 고민해봐
보안상 말이 안되는거임
익명(223.38)2020-06-15 17:27
답글
니가 지금 불러오는 이미지 파일들도 그냥 가져오는게 아니라
이미 서버에 이미지파일 요청 받으면 제공해주는 메소드가 내장되어 있는거고,
지금 서버 안돌아가는데도 그게 되는거는 크롬에서 자체적으로 이미지 url은 인덱스 디렉토리의 상대경로로 인식하도록 만들어 놨기 때문임.
당연하다고 생각했던게 의외로 다 신경써서 미리 만들어 놓은거야.
자바스크립트로 구현할거임
노드쓰는거면 fs모듈 쓰면대잖아
킹이쿼리임
os.listdir("./")
그 폴더 안에 무슨 파일이 있는지 프론트가 어떻게 알아냄 ㅇㅅㅇ 백엔드에서 파일 목록 던져줘야지
백이 따로없슴
그냥 디자인연습중이ㅣㄴ거라
그럼 대충 파일 이름 1 2 3 4 5 이런식으로 해놓고 while 돌리다가 없으면 break 시켜 ㅇㅅㅇ
지금 하는 방식이 setTime리터럴인가 머시긴가로 무한루프 3초텀두고 돌리면서 1~ 11 중에 랜덤 해서 이미지 불러오는방식임ㅋㅋ씹
백엔드가 없는데 어떻게 서버 리소스에 접근하냐고
같은 디렉토리안에 있으니까
index.html이 있는 위치에 image디렉토리가 바로 있음
그게 백엔드가 해주는 역할이야
백엔드 없이 가능하게 하고싶음
백엔드 서버를 구축할수 없는 상황인데 이걸 가능케 해야함
알림 계속떠서 둘러보니 심각하노 ㅋㅋ 게이야 그냥 백앤드 간단하게라도 공부하자... 그래야 감 잡을듯
백엔드 구축할줄암
내가 백 프런트 구분도 못하고 물어보는줄아노 이기
백으로 해야할걸 프론트에서 구현하려고 하잖아 ㅋㅋ 백으로 디텍토리 파일 목록 추출해서 json형식으로 보내고 프론트는 받은 데이터만 처리해라.
백을 구축할수 없는 환경이니까 이러고있지
그게 아니면 프론트로 디렉토리 안에있는 파일명 알아낼 방법은 없음. 프론트는 그냥 파일 이름 아는경우에 요청해서 받아오기만 하는거니까
안되면 되게한다
애초에 프론트는 인덱스랑 같은 디렉토리에 '접근'하는게 아니라 '요청'하는거임.
그냥 기술적으로 구현 가능한게 아니라 브라우저가 보안상 이유로 일부러 막아둔거야.
오늘 계속 시도해보고 성공하면 연락한다 이기.. 사진 추가할때마다 코드 수정해야하는거 개귀찮아서 이렇게 해야한다..
니가 만약에 파일명을 알아내고 싶으면 접근이 불가능하니 파일명 알려달라고 서버에 요청해야 하는데, 그건 백엔드 없이 불가능함 백엔트 구축이 안되는 상황이면 그게 안되니 지금 니가 하듯 일일히 파일명 입력해서 슬라이드 돌리는수밖에 없지.
시도해보고 나발이고의 문제가 아니라니깐 왜 고집부리노 ㅋㅋ 그게 되면 애초에 해킹이라니까.
지금은 파일명이 1~11.jpg 이렇게 숫자로 되어있어서 Math.floor(Math.random() * 11) + 1 해서 정해진 초마다 url을 불러와서 이미지가 바뀌게 되어있음 그러니까 12.jpg가 추가되면 코드에 숫자 11을 12로 바꿔야되는 귀찮음이 발생함
12.jpg가 추가됐단걸 클라에서 직접 알아낼 방법이 없음.
니 말대로 동적으로 구현하려면 1. 랜덤 함수 쓰기 전에 클라에서 ajax로 파일목록 갱신 요청 2. 서버에서 새로 추가된 파일 있는지 검사 후 데이터 전송 3. 받은 데이터를 기반으로 랜덤함수 돌리기
스택오버플로우에도 나랑 같은 생각한 사람이 있는데 이거 못한대ㅅㅂ 그냥 그 디렉토리안에 있는 파일 이름만 알아내면 되는거라 될줄 알았는데 안되노 이기
ㅇㅇ 내가 괜히 단호히 안된다 한게 아니다. 더 공부하면서 왜 안되는건기 고민해봐 보안상 말이 안되는거임
니가 지금 불러오는 이미지 파일들도 그냥 가져오는게 아니라 이미 서버에 이미지파일 요청 받으면 제공해주는 메소드가 내장되어 있는거고, 지금 서버 안돌아가는데도 그게 되는거는 크롬에서 자체적으로 이미지 url은 인덱스 디렉토리의 상대경로로 인식하도록 만들어 놨기 때문임. 당연하다고 생각했던게 의외로 다 신경써서 미리 만들어 놓은거야.
npm i -g http-server && http-server .
그리고 이 또한 백엔드의 일종이다
노드 아니노?