일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
- ES6
- 모던
- redux
- 라우터
- var
- 컴포넌트
- function
- CSS
- Number
- 객체
- VUE
- react
- 모던 자바스크립트
- const
- 리액트
- 함수
- this
- let
- BIND
- 투두리스트
- 자바스크립트
- null
- 데이터 타입
- js
- Interface
- 스코프
- 타입스크립트
- 뷰
- typescript
- todolist
- Today
- Total
목록프로젝트 (2)
홍준혁

이번에는 리액트를 빌드하면 이런 화면이 뜨게 되는데 다른 플랫폼에서 웹사이트를 접속하는 법을 알려주도록 하겠다. 하지만 조건이 있는데, 접속하는 플렛폼은 반드시 같은 네트워크에 있어야 한다. 윈도 기준으로 설명하겠다! 윈도우키 + R을 눌러서 실행창에 cmd라고 검색한다 그러면 우리가 잘 아는 시꺼먼 창이 나올 텐데, 거기서, ipconfig라고 치자. 그러면 우리가 해킹하는 거 마냥 촤르르 뭐가 많이 나올 텐데, 무선 LAN 어댑터 Wi-Fi: 이 부분에 IPv4 주소라는 곳이 있을 것이다. 그 부분이 옆에 XXX.XXX.X... 이런 형식의 ip주소가 있을 텐데, 이제 이걸 알아냈으면 다 왔다. 우리가 접속할 플랫폼에 주소창에다가 http://아까 얻어낸 IP주소:포트번호 이렇게 검색을 해보면 우리가..

저번에 로그인폼을 만들었으니 이제 로그인 버튼을 누르면 메인화면으로 이동할 수 있도록 코드를 작성하였다. 먼저 Vue를 이용해서 새로고침을 방지하는 코드를 작성하였고 methods에 메인화면으로 이동하는 코드를 추가해 주었다. new Vue({ el: ".login_wrap", methods: { goto_main() { window.open("/main/main.html", "_self"); }, }, }); 이 goto_main을 v-on:submit.prevent="goto_main" submit이벤트가 발생할때 새로고침을 방지하는 prevent수식어를 사용하고 goto_main의 함수를 실행하라는 내용이다. 그래서 로그인 버튼을 누르면 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 위에 메인화면은 설계..