맑음때때로 여름

객체 안에 있는 값을 추출하여 바로 사용할 수 있다. const object = { a: 1, b: 2 }; const { a, b } = object; //비구조화 할당 문법 console.log(a); // 1 console.log(b); // 2 const [ inputs, setInputs ] = useState({ //state 지정 //const [ 상태 값 저장 변수 , 상태 값 갱신 함수 ] = useState(상태 초기 값) calResult : '', calculating : false //계산 누르면 F->T 클리어 누르면 T -> F }); const { calResult, calculating } = inputs; //비구조화 할당

노마드 코더 Coin Tracker 챌린지 문제 - 가지고 있는 달러를 내가 원하는 코인으로 변환 했을 때 얼마나 되는지 계산하는 문제 import React, { useEffect, useState } from 'react'; function App() { const [loading, setLoading] = useState(true); const [coins, setCoins] = useState([]); const [dollars, setDallars] = useState(""); const [result, setResult] = useState(""); useEffect(() => { fetch("https://api.coinpaprika.com/v1/tickers") .then((response..

1. 리액트 상태 변경 시, constants을 보낼때와 function을 보낼때 차이 const [toDo, setToDo] = useState(""); const [toDos, setToDos] = useState([]); setToDos((currentArray) => [toDo, ...currentArray]); //setToDos에 함수를 보낸다. => 함수를 보낼때 첫번째 인자는 현재state다! 따라서 currentArray 인자는 현재 상태를 뜻한다. setToDo(""); //setToDo에 constants를 보낸다. 풀코드 import { useState } from "react"; function App() { const [toDo, setToDo] = useState(""); co..

[React 상태 관리] - React는 변수 대신 state를 사용 - state 왜 사용? >> state가 변경되면 새로고침 없이 HTML이 자동으로 리렌더링 된다. (변수를 쓰면은 새로고침해야 바뀜) 1. setState - 클래스형 컴포넌트에서 사용하는 방법 - 요즘은 클래스형 컴포넌트 잘 사용하지 않음 2. useState - 함수형 컴포넌트에서 state 사용하는 방법 (가장 기본적인 방법인듯..) - React Hook 라이브러리에 포함된 함수 import React, { useState } from 'react'; const CalResultView = ({inputData, inintCalResult}) => { //{inputData} => 부모로 부터 받아온 props const [..

React 공부를 시작했다.. props와 state에 적응하기 위해 첫번째 프로젝트로 간단한 계산기를 만들고 있다.. 근데 대부분 클래스형으로 만들었는데, 요즘엔 함수형을 더 많이 사용한다고 한다. (함수형이 좀 더 빠르고 메모리도 덜 잡아먹는다) 그래서 다시 클래스형을 함수형으로 바꾸고 있다... ㅋㅋ 클래스형 적응 완료 했는데, React Hooks의 useState 요 놈 잘 지켜보겠다. 기록 남길 겸.. 간단한 예제를 남겨보겠다. 개념은 구글링하면 잘 정리된 사이트가 많으니 생략! import React, { Component } from 'react'; //클래스형 컴포넌트 class CalResultView extends Component { state = { claResult : '' } ..

아 공부하기 싫다.. 문제 점프 투 장고 공부 중에 pybo 앱만들고 urls.py에서 url 맵핑하고 views.py 작성했는데도 404 에러가 뜬다.. 원인 config/urls.py 파일에 views.index가 임포트가 안되어있다. 책을 다시 보니 책에 적혀있는데, 안보고 넘긴듯.. (책을 잘 읽자) 해결방법 config/urls.py 파일에 from pybo import views 입력해서 views 임포트 시켜준다. 이제 404에러 안뜨고 잘 나온다.

https://shlee0882.tistory.com/110 OSI 7 계층이란?, OSI 7 계층을 나눈 이유 1. OSI 7 계층이란? OSI 7 계층은 네트워크에서 통신이 일어나는 과정을 7단계로 나눈 것을 말한다. 1.1 OSI 7 계층을 나눈이유는? 계층을 나눈 이유는 통신이 일어나는 과정이 단계별로 파악할 수 있기 때문이다... shlee0882.tistory.com

http://sungbine.github.io/tech/post/2015/02/15/tomcat%EA%B3%BC%20apache%EC%9D%98%20%EC%97%B0%EB%8F%99.html was와 웹서버의 차이 – 톰캣과 아파치를 구별하지 못하는 사람을 위해 › Blog For Me 평소 tomcat과 apache를 잘 구분하지 못하여 공부한 내용을 정리해 본다. 아파치 톰캣을 이용해서 웹서버를 띄우고 개발을 진행해왔다. 그런데 실제 일을 하면서 서버를 실핼할때 단순히 tomcat만 쓰는게 아니라 apache라는 프로그램을 별도로 실행하는 것에 혼란이 왔다. 그리고 평소에 apache tomcat은 그렇다면 두개의 프로그램을 합쳐놓은 것인가를 고민하게 되어 정리해 보았다. apache 란? apach..

오라클 11g 완벽 삭제 oracle 11g 완벽 삭제 출처: https://corock.tistory.com/135 [코딩하는 락스타] 아프니까 청춘이다! Oracle 11g 완전삭제하기 데이터베이스를 정복하겠다는 깊은 꿈을 갖고 Oracle을 설치하다 뭔가 잘못되어 삭제해야 되는 상황을 겪었다면 잘 찾아왔다. 지금부터 아프니까 DB다 Ver. 오라클 11g 삭제 말끔하게 해보자! 1. 하단의 돋보기.. corock.tistory.com

Atom으로 vue.js 개발 환경 설정하는 방법 Atom 플러그인 패키지 설치 1. seti-icons - html, css, js, vue 등등 확장자 마다 다른 아이콘으로 표시해줌 (프로젝트 안에서 직관적으로 파일 구분이 편해진다) 2. language-vue - atom에서 vue.js 사용하기 위함, 템플릿 자동완성 기능, 설치 후 atom에디터를 재실행해야 적용됨 1. atom > File > Settings 클릭 2. Install 클릭 3. seti 입력 후 엔터 > seti-icons 패키지 install버튼을 눌러 설치 패키지는 설치가 완료되면 알아서 적용됩니다. 4. seti-icons 결과 seti-icons 설치..