[20240526-20240529] 로그인 연동코드 작성 + 게시판수정

[aranlll]

로그인 연동 코드 작성 😍

일단 연동을 하려면

npm install http-proxy-middleware --save

이코드를 터미널에 입력해서 필요한 모듈을 설치해야한대요 !!

그리구 이 친구들이 다른 IP주소를 가지고 있으면 어떤 데이터도 주고받을수 없도록

하는 CORS관련규칙 ? 이라는게 있다구 하더라구요!!

그래서 바로 실행시키면 오류가 나서 proxy를 이용해서 우회하는 코드를 작성했습니닷 !!

게시판 수정 🤯😫🤯😫

일단 데이터들을 정렬하는 게시판 css 를 수정했습니다 !!

구현된 화면.. 이랄까요...?

그리구 입력할 때 enter 키가 안되는 부분은 요소를 요소를 사용하는 것으로 바꾸었더니 수정되었습니다 !!</h4> <h4>이제 입력 받은 데이터를 표시할 때 자동으로 줄바꿈이 되도록 하는 코드를 작성하다가 개같이 멸망 !!! 🥲😒</h4> <h4>그래서 글자 입력 200자 제한 걸고 몇글자인지 표시하는 기능으로 냅다 넘어오기 ...</h4> <p><img referrerpolicy="no-referrer" src="https://github.com/Chaeyeon0/GreenDay_Study/assets/163715414/7605b540-557e-40ae-a5c3-a5e54f466dbe" alt="image" /></p> <h4>네 .. 성공은 했는데요 ...?</h4> <p><img referrerpolicy="no-referrer" src="https://github.com/Chaeyeon0/GreenDay_Study/assets/163715414/3484dbed-b733-4d43-ad30-a89fe8f13111" alt="image" /></p> <h4>대형 이슈발생 ... ㅋㅋㅋㅋㅜㅜㅜㅜ 이사태 우짜면 좋나요 ... 이건 일단 내일 해결 ..?ㅎㅎ ....</h4> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/Chaeyeon0"><img src="https://avatars.githubusercontent.com/u/163715888?v=4" />Chaeyeon0</a> commented <strong> 1 month ago</strong> </div> <div class="markdown-body"> <p>ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 우리 아란이 너무 수고했따 정말 볼 때 마다 너무 기특해요오 ><</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/pu2rile"><img src="https://avatars.githubusercontent.com/u/163822282?v=4" />pu2rile</a> commented <strong> 1 month ago</strong> </div> <div class="markdown-body"> <p>ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 대형 이슈 ㅠㅠㅠ 같이 해봐요 그리고 팁~~ 코드 사진으로 올리기 불편하니까 </p> <img width="79" alt="스크린샷 2024-05-30 오후 2 56 28" src="https://github.com/Chaeyeon0/GreenDay_Study/assets/163822282/0fc64d5a-f3b4-4316-8136-8c88572079a6"> <p>이렇게 쓰면 코드 블럭이 알아서 생성됩니다~~</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>