본문 바로가기

전체 글125

(React) const, var, let keyword scope const 전체 var 와 같으나 한번 값이 할당되면 바꾸지 못함 var function 내 서브블럭내에서 다시 같은 이름의 변수를 할당하여도 똑같은 변수를 가르킨다. let 블럭( { } ) 내 블럭내에 선언하면 블럭을 빠져나오면 사라짐 // case 1 function varScoping() { var x = 1; if (true) { var x = 2; console.log(x); // will print 2 } console.log(x); // will print 2 } // case 2 function letScoping() { let x = 1; if (true) { let x = 2; console.log(x); // will print 2 } console.log(.. 2023. 12. 1.
(React) map map array(list, dictionary) 를 조작하여 새로운 array 를 리턴 const fibonacciNumbers = [0, 1, 1, 2, 3, 5, 8, 13, 21, 34] const doubledFibonacciNumbers = fibonacciNumbers.map(number => number * 2) // [0, 2, 2, 4, 6, 10, 16, 26, 42, 68] const users = [ { name: "Park", age: 51, height: "1.90cm" }, { name: "Lee", age: 22, height: "1.67cm" }, { name: "Choi", age: 47, height: "1.59cm" } ] const userNames = users... 2023. 12. 1.
(React) Parent 와 Child 컴포넌트간의 값 전달, 변경, 반영시키기 Child 를 품고 있는 Parent 컴포넌트에서 Child에 값을 전달하면 Child 안에서 값을 변경한 후, 변경한 값이 Parent 에도 동기가 되도록 할 필요가 있을 경우.예를 들면, Parent 가 서버에서 값을 가져와서 다이얼로그를 띄워 값을 변경하여 그 값이 Parent에 반영시킬 경우. Parentconst ParentComp = () => {   const [values, setValues] = useState({"key1": "value1", "key2": "value2"});      useEffect(() => {      // 서버에서 값을 가져온다면       // rest api get -> setValue( ... )    }, []);      return (     cha.. 2023. 12. 1.
(React) env 설정 ( 글로벌 변수) env 설정의 활용 ReactJS 프로젝트 내에서 사용할 글로벌 변수의 정의 github 에 프로젝트를 업로드하고자 하는 경우 -> .env 화일에 저장후 .gitignore 를 통해서 업로드에서 배제 인스톨 npm i --save-dev dotenv .env 화일을 프로젝트의 root 디렉토리에 생성 (src 폴더 NG) .env 화일내에 아래 샘플과 같이 정의 ( 반드시 REACT_APP_ 로 시작해야 하고, 값에는 쿼테이션 불필요 ) REACT_APP_BASE_URL=http://localhost:8000 REACT_APP_API_KEY=YOUR-API-KEY 프로젝트내 사용법 1. 변수명을 재정의한 (예) variables.js 파일을 생성하여 export 선언 export const BASE_U.. 2023. 11. 30.
flask 를 쓸까? django 를 쓸까? 파이선 환경의 framework 로서는 flask 와 django 가 있다. 둘 다 개발해본 경험자로서 어떤것을 사용할까에 개인적인 소견을 말하고자 한다. django 의 장점으로서는 보안문제와 template 을 사용할 수 있다는게 장점일 것 같다. 하지만 설정방법과 사용법이 어렵고 template 은 frontend용 JavaScript framework(React, Angular, Vue) 가 있기 때문에 그다지 사용할 필요가 없는 것 같다. 반면 flask 는 간단히 개발할 수 있기때문에 앞으로 flask 개발에 대해 설명하고자 한다. flask, django 는 어플리케이션 framework 이기 때문에 멀티 접속을 지원하지 않는다. 즉 동시에 여러 접속이 존재하게 되면 먼저 온 순서에 따라 순.. 2023. 11. 29.
Windows 노트북에 Ubuntu Linux 설치 부팅 Cloud 환경을 비롯해 backend의 서버로서 Ubuntu Linux 에 익숙할 것이다. 개발환경으로 많이들 Mac Book을 사용하지만 따로 구매하기에도 부담일 수 있다. 그래서 간단히 가지고 있는 노트북을 Windows OS환경을 전혀 건들이지 않으면서 사용목적에 따라 간단히 Windows / Ubuntu 선택적으로 부팅하는 방법을 설명하겠다. (결코 멀티부팅을 설정하는게 아님.) 준비물) USB 메모리 ( Ubuntu bootable image 생성용 ) 마이크로 SD 슬롯이 있는 노트북 ( 자신의 경우 LG Gram ) 마이크로 SD 카드 128기가, 아니면 256기가. 1. Windows 에서 Ubuntu bootable USB stick 만들기 https://ubuntu.com/tutori.. 2023. 11. 29.

티스토리툴바