goMenu라는 함수를 사용 해당 함수는 user.js 에 있는 것을 확인
내용을 확인해보니 입력 파라미터를 변조 및 url을 직접 접근하면 될듯하다.
| 16차 authorization 4 (Guessing 공격) (0) | 2024.02.23 |
|---|---|
| 16차 authorization 3(Response 변조) (0) | 2024.02.23 |
| 16차 authorization 1 (0) | 2024.02.23 |
| 15차 GET FLAG FILE2 (0) | 2024.02.16 |
| 15차 CTF webshell3 (0) | 2024.02.15 |
로그인 결과
request 및 response 분석
reponse 분석 중 a태그가 주석 처리되었고 url이 확인가능..
url을 접속
| 16차 authorization 3(Response 변조) (0) | 2024.02.23 |
|---|---|
| 16차 authorization 2(client 인증 우회) (0) | 2024.02.23 |
| 15차 GET FLAG FILE2 (0) | 2024.02.16 |
| 15차 CTF webshell3 (0) | 2024.02.15 |
| 14차 문제풀이 Web Shell 2 (0) | 2024.02.13 |
const el =document.getElementById('content')
// 랜더링 할 root 태그 가져와서 React 객체로 생성
var root = ReactDOM.createRoot(el)
// h1 태그 생성
var h1 = React.createElement('h1', null, null, 'Hello World')
//div 태그 생성후 h1 태그를 복수개 append
var div = React.createElement('div', null, null, h1, h1)
// root React 인스턴스 랜더링
root.render(div) // 재사용할 태그 생성
let h1 = React.createElement('h1', null, null, 'Hello World')
// React.Component 를 상속
class HelloWorld extends React.Component {
render() {
// 반환할 react Component 구성
return React.createElement('div', null, h1, h1)
}
}
const el =document.getElementById('content')
var root = ReactDOM.createRoot(el)
// 랜더링 할 Class를 React Component로 생성
root.render(
React.createElement(HelloWorld, null)
)// 두번 째 인자는 해당 태그의 속성 값을 받을 수 있다.
let h1 = React.createElement('a', {href: 'http://naver.com'}, '네이버')
class HelloWorld extends React.Component {
render() {
return React.createElement('div', {id: 'test'}, h1)
}
}
const el =document.getElementById('content')
var root = ReactDOM.createRoot(el)
root.render(
React.createElement(HelloWorld, null)
)class HelloWorld extends React.Component {
render() {
// HelloWorld 컴포넌트를 사용하는 시점의 속성을 props로 사용 사용
return React.createElement('a', {href: this.props.href}, '네이버')
}
}
const el =document.getElementById('content')
var root = ReactDOM.createRoot(el)
root.render(
// HelloWorld 컴포넌스 생성시 넘겨울 속성
React.createElement(HelloWorld, {href: 'https://naver.com'})
)class HelloWorld extends React.Component {
render() {
//h1의 속성을 prop 받은 모든 속성.
return React.createElement('h1', this.props, 'hello '+ this.props.title + ' world')
}
}
const el =document.getElementById('content')
var root = ReactDOM.createRoot(el)
root.render(
// 하위의 다른 HelloWorld를 감싸기 위한 div 를 구성
React.createElement('div', null,
React.createElement(HelloWorld, {title:'React Framework', id: 'react'}),
React.createElement(HelloWorld, {title:'Vue Framework', id: 'vue'})
)
)
)
https://github.com/Kmmanki/react_note
GitHub - Kmmanki/react_note: 리액트 교과서 따라하기
리액트 교과서 따라하기. Contribute to Kmmanki/react_note development by creating an account on GitHub.
github.com
| 리액트 교과서 Chapter06(이벤트 다루기) (0) | 2024.02.29 |
|---|---|
| 리액트 교과서 Chapter05(라이프사이클) (0) | 2024.02.28 |
| 리액트 교과서 Chapter04(React 컴포넌트의 상태) (0) | 2024.02.27 |
| 리액트 교과서 Chapter03 (JSX) (0) | 2024.02.27 |
| 리액트 교과서 Chapter01(리액트 살펴보기) (0) | 2024.02.20 |
<head>
<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
</head>index.html
<script src="./js/components/helloWorld.js" type="text/javascript">
helloWorld.js
const el =document.getElementById('content')
var root = ReactDOM.createRoot(el)
var h1 = React.createElement('h1', null, null, 'Hello World')
root.render(h1)
https://github.com/Kmmanki/react_note
GitHub - Kmmanki/react_note: 리액트 교과서 따라하기
리액트 교과서 따라하기. Contribute to Kmmanki/react_note development by creating an account on GitHub.
github.com
| 리액트 교과서 Chapter06(이벤트 다루기) (0) | 2024.02.29 |
|---|---|
| 리액트 교과서 Chapter05(라이프사이클) (0) | 2024.02.28 |
| 리액트 교과서 Chapter04(React 컴포넌트의 상태) (0) | 2024.02.27 |
| 리액트 교과서 Chapter03 (JSX) (0) | 2024.02.27 |
| 리액트 교과서 Chapter02(리액트 첫걸음) (0) | 2024.02.20 |