μ 체 κΈ
-
React :: μλͺ μ£ΌκΈ° (Lifecycle)PROGRAMMING/React 2021. 3. 21. 18:33
μλͺ μ£ΌκΈ° λ©μλ ν΄λμ€ Component μμ μλͺ μ£ΌκΈ° λ©μλλ₯Ό μ μΈνμ¬ μ»΄ν¬λνΈκ° λ§μ΄νΈλκ±°λ μΈλ§μ΄νΈ λ λμ μ€νν μ½λλ₯Ό μμ±ν μ μλ€. μ¦ Component κ° λ³΄μ¬μ§κ³ , μ¬λΌμ§κ³ , μ λ°μ΄νΈ λ λ νΈμΆλλ API μ΄λ€. λ§€μ° μ€μνκ³ , μ¬μ©νλ©΄ ν¨μ¨μ μΈ νλ‘κ·Έλλ°μ ν μ μμΌλ μ λ΄λμ. componentDidMount() μ»΄ν¬λνΈ μΆλ ₯λ¬Όμ΄ μ²μ DOM μ λ λλ§ λ νμ μ€νλλ ν¨μ. μ£Όλ‘ μΈλΆ λΌμ΄λΈλ¬λ¦¬μμ μ°λ, Component μμ νμν λ°μ΄ν° μμ² λ±μ μ¬κΈ°μ μμ±νλ€. componentDidMount() { //DOM μ μ²μ Component κ° λ λλ§ λ λ μ€νλ¨ } componentWillUnmount() λ§μ΄νΈλ μ»΄ν¬λνΈκ° DOM μΌλ‘λΆν° ν λ²μ΄λΌλ μμ λ μ ..
-
React :: Component, Props, StatePROGRAMMING/React 2021. 3. 20. 19:32
Component κ°λ μ μΌλ‘JavaScript ν¨μμ μ μ¬ν Component λ, Props λΌλ μ λ ₯μ λ°κ³ , λ‘컬 State λ₯Ό κ°μ§κ³ , React Element λ₯Ό λ°ννλ€. λ°λΌμ μ»΄ν¬λνΈλ₯Ό ν΅ν΄ μ¬μ¬μ© κ°λ₯ν κ°λ³ 'μ‘°κ°'μ λ§λ€ μ μλ€. κ°μ₯ κ°λ¨ν, μ΄λ¦μ Props λ‘ λ°μμ "Hello, {user}" λ₯Ό 보μ¬μ£Όλ Element λ₯Ό λ°ννλ Component κ° μλ€κ³ νμ. κ·Έλ¬λ©΄ κ·Έ Component λ₯Ό λ€λ₯Έ Compnent μμ import ν΄μ ν μ‘°κ°μ κ°λ€ λΆμ΄λ― μ¬μ©ν μ μλ κ²μ΄λ€. * Props μ κ°λ μ λ°μμ λ€λ£¨κ³ , μΌλ¨ Component κ° μΈλΆμμ λ°μμ€λ λ°μ΄ν° λΌκ³ λ§ μκ³ μμ. μ£Όμν μ¬νμ, Component μ΄λ¦μ νμ! λλ¬Έμλ‘ μμνλ€. Reac..
-
React :: Element Rendering (μ리먼λ λ λλ§)PROGRAMMING/React 2021. 3. 20. 13:27
Element ? Element λ React μ κ°μ₯ μμ λ¨μλ‘, νλ©΄μ νμν λ΄μ©μ κΈ°μ νλ€. λΈλΌμ°μ DOM Element μ λ¬λ¦¬, React Element λ μΌλ° κ°μ²΄μ΄λ€. React DOM μ React Element μ μΌμΉνλλ‘ DOM μ μ λ°μ΄νΈνλ€. Component μ "κ΅¬μ± μμ"μ΄λ€. Element μ Component λ λ€λ₯Έ κ°λ μ΄λ€. Component λ λ€μμ μμΈν! λΆλ³κ°μ²΄μ΄λ€. (μ¦, μμ± μ΄νμ μμ/μμ± λ³κ²½ λΆκ°) Element μμ±νκΈ° JSX λ₯Ό μ΄ν΄λ³Ό λ, μ΄λ κ² μμ±ν κ²μ΄ λ°λ‘ element λ₯Ό μμ±ν κ²μ΄λ€. const element = Hello, world; DOM μ Element λ λλ§νκΈ° μ΄μ μμ±ν Element λ₯Ό λ λλ§ ν΄λ³΄μ. Roo..
-
React : JSXPROGRAMMING/React 2021. 3. 20. 02:19
JSX λ? 리μ‘νΈμμ μ»΄ν¬λνΈλ₯Ό μμ±ν λ μ¬μ©νλ, JavaScript λ₯Ό νμ₯ν λ¬Έλ². JSX λ₯Ό λ€λ£° λ κΈ°μ΅ν΄μΌ ν κ²μ, JSX λ ννμμ΄λΌλ κ²μ΄λ€. κ·Έλμ λ³μμ ν λΉνκ³ , μΈμλ‘ λ°μλ€μ΄κ³ , ν¨μλ‘ λ°ννκ³ , ννμμ ν¬ν¨ν μ μλ€. λ³μμ ν λΉνκΈ° κ°μ₯ κΈ°λ³Έμ μΈ ννμ΄λ€. const element = Hello, world!; κ·Έ μμ²΄λ‘ ννμμ΄κΈ° λλ¬Έμ λΉμ°ν λ³μμ ν λΉν΄μ μ¬μ©ν μ μλ€. μ΄λ κ² μμ±ν JSX λ React "Element" λ₯Ό μμ±νλ€. ννμ ν¬ν¨νκΈ° JSX λ JavaScript ννμμ ν¬ν¨ν μ μλ€. const name = 'react'; const element = hello {name}!; const element2 = hello {userFun..
-
React :: React μμνκΈ°PROGRAMMING/React 2021. 3. 20. 00:27
React λ₯Ό μ²μ μμνλ €λ©΄, μ¬λ¬ λ°©λ²μ΄ μλλ° κ³΅μ μΉμ¬μ΄νΈμμλ μκ°νλ CRA (Create React App) μ μ¬μ©ν΄λ³΄μ. React λ 무μμ΄κ³ , λ μκ³ μμ΄μΌ ν κΉ? React λ νμ΄μ€λΆμμ μ 곡νλ JavaScript κΈ°λ° UI λΌμ΄λΈλ¬λ¦¬ μ΄λ€. νλ μμν¬κ° μλλΌ λΌμ΄λΈλ¬λ¦¬λΌμ, κ·Έλ§νΌ κ°λ³κ³ μ νμ§κ° λλ€. JavaScript κΈ°λ°μ΄λΌ JavaScript λ₯Ό μλ©΄ λ°°μ°κΈ° μ½λ€. λ°λ©΄μ λͺ¨λ₯Έλ€λ©΄ μ’ μ λ¨Ήμ μ μλ€. κ·Έλ° κ²½μ°λ₯Ό μν λμ± - 곡μ js νν λ¦¬μΌ μλ νκΈ° : developer.mozilla.org/ko/docs/Web/JavaScript/A_re-introduction_to_JavaScript (μλ²½ν λμ± μ΄ λκΈ°λ μ΄λ ΅λ€. λ€λ§ λ€λ₯Έ νλ‘κ·Έλλ° μΈμ΄λ₯Ό μκ³ μλ..
-
칼리 리λ μ€(Kali Linux) λ‘ ARP Spoofing (μ€νΈν), Sniffing (μ€λν) μ€μ΅νκΈ°SECURITY/Network 2021. 3. 14. 19:44
μ΄ λΈλ‘κ·Έλ λΆλ²μ μΈ ν΄νΉ νμλ₯Ό κΆμ₯νκ±°λ μ λνμ§ μμ΅λλ€. μ€λ‘μ§ κ΅μ‘μ μΈ λͺ©μ μΌλ‘λ§ μ€μ΅νμκ³ μ¬μ©ν΄μ£ΌμΈμ. λΆλ² ν΄νΉμ λν μ± μμ λ³ΈμΈμκ² μμ΅λλ€. 1. κ°λ μκ° μ€λν(Sniffing)μ΄λ? μ€λν(Sniff) λ "λμλ₯Ό 맑λ€.", "νν거리λ€" λΌλ λ»μΌλ‘, μ€λνμ΄λ λ€νΈμν¬ μμ μ§λλ€λλ ν¨ν·λ€μ μΊ‘μ²νμ¬ κ·Έ μμ μλ λ΄μ©μ λ€μ¬λ€λ³΄λ κΈ°μ μ΄λ€. λ μ€νΈν(Spoofing) μ΄λ, μΈν°λ· νλ‘ν μ½μΈ TCP/IPμ ꡬ쑰μ κ²°ν¨μ μ΄μ©ν΄ μ¬μ©μμ μμ€ν κΆνμ νλν λ€, μ 보λ₯Ό λΉΌκ°λ ν΄νΉ μλ²μ΄λ€. ARP Spoofing μ΄λ, ARP μΊμ¬μ μ μ₯λλ MAC(물리μ μ£Όμ)λ₯Ό μμ¬ λμμ ν΅μ νλ¦μ μ곑μν€λ ν΄νΉ μλ²μ΄λ€. 2. μ€μ΅ μκ° μ΄λ² μ€μ΅μμλ 곡격μμ νΌν΄μμ κ°..
-
VMware λ‘ μΉΌλ¦¬ 리λ μ€ (Kali Linux) μ€μΉνκΈ° + νκΈ κΉ¨μ§ ν΄κ²°SECURITY 2021. 3. 14. 16:52
λ¨Όμ , 칼리 리λ μ€λ₯Ό μ€μΉνλ λ°©λ²λ κ²°κ΅ κ°μ λ¨Έμ μ μ€μΉνλ λ°©λ²κ³Ό κ°κΈ°μ μ΄μ μ κ°μ λ¨Έμ μ μ€μΉν΄ λ³΄μ ¨λ€λ©΄ κ·Έμ λΉμ·νκ² μ€μΉνμλ©΄ λ©λλ€. κ°μλ¨Έμ μ μ€μΉνλ κ³Όμ μ λ€μκ³Ό κ°μ΅λλ€. 1) μ€μΉνλ €λ OS μ iso νμΌ λ€μ΄ λ°κΈ° 2) μ¬μ©νλ κ°μν μννΈμ¨μ΄(VMware, VirtualBox λ±λ±) μμ ν΄λΉ iso νμΌλ‘ κ°μ λ¨Έμ λ§λ€κΈ° κ·ΈλΌ μ§κΈλΆν° Kali Linux κ°μ λ¨Έμ μ λ§λλ λ°©λ²μ μκ°νλλ‘ νκ² μ΅λλ€. 1. 칼리 리λ μ€ iso νμΌ λ€μ΄λ°κΈ° 칼리 리λ μ€ κ³΅μ ννμ΄μ§μ λ€μ΄κ° μνλ λ²μ μ iso νμΌμ λ€μ΄λ°λλ€. (www.kali.org/downloads/) μ¬μμ λ°λΌ,λ€μ΄ λ°λλ° κ½€λ μ€λ κ±Έλ¦°λ€.. 2. VMware λ₯Ό ν€κ³ κ°μ λ¨Έμ μ λ§λ λ€. 1) Crea..
-
Proxy νλ‘μλ?SECURITY/Webhacking 2021. 2. 17. 22:45
Proxy λ? Proxy λ ‘λ리', 'λμ ' μ΄λΌλ λ»μ κ°μ§λ€. μ£Όλ‘ λ³΄μμμ λ¬Έμ λ₯Ό λ°©μ§νκΈ° μν΄, μ§μ ν΅μ νμ§ μκ³ μ€κ³μλ₯Ό κ±°μΉλ€λ κ°λ μ΄λ€. μ΄ λ μ€κ³μ κΈ°λ₯μ νλ κ²μ΄ ‘νλ‘μ μλ²' μ΄λ€. ν΄λΌμ΄μΈνΈμ μλ² μ¬μ΄μ νλ‘μ μλ²κ° 'μ€κ³'λ₯Ό ν λ, ν΄λΌμ΄μΈνΈλ νλ‘μ μλ²λ₯Ό ‘μλ²’ λΌκ³ μΈμνκ³ , μλ²λ νλ‘μ μλ²λ₯Ό ‘ν΄λΌμ΄μΈνΈ’ μ²λΌ μ¬κΈ°κ² λλ€. μ¦, νλ‘μ μλ²κ° ν΄λΌμ΄μΈνΈμ Request μ μλ²μ Response λ₯Ό μ°κ²°ν΄μ£ΌκΈ° λλ¬Έμ (μλ―Έμ μΌλ‘) ν΄λΌμ΄μΈνΈ μ μ₯μμλ μλ²λ₯Ό κ°λ¦¬κ³ νλ‘μ μλ²κ° μμλ κ²μ΄κ³ , μλ² μ μ₯μμλ ν΄λΌκ° κ°λ €μ§κ³ λμ νλ‘μ μλ²κ° μλ κ²μ΄λ€. νλ‘μ μλ²λ μλ²μ μμΉμ λ°λΌ [Forward Proxy] μ [Reverse Proxy..