Web85 [React] JSX Rreact JSX JSX(JavaScript XML) Javascript에서 쓰는 HTML과 비슷한 것 Javascript에 XML을 추가한 확장한 문법 JSX는 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 자바스크립트 문법은 아님 ※ 핵심 특징 1. 반드시 부모 요소 하나가 감싸는 형태이어야 함 2. Attributes나 css는 낙타 방식임 (className, textAlign) 3. Js코드를 활용하고 싶다면 {}를 이용함 -> 객체형태로 넣어주기 4. 태그 이름은 기존 HTML과 거의 유사함 ※ HTML과 XML의 차이점 HTML XML Hypertext Makup Language Extensible Makup Language 웹 페이지 및 응용 프로그램의 구조를 만들기 위한 표준 마크업.. 2022. 2. 22. [React] create-react-app create-react-app NPM = Node Package Manager 먼저 Node는 Node.js를 의미하는 것 package라는 것은 package로 만들어진 것들을 의미하는 것( package는 모듈이라고도 불리는데 패키지나 모듈은 프로그램보다는 조금 작은 단위의 기능들을 의미) Manager는 관리자를 의미 이걸 합쳐보면 npm이라는 것은 Node.js로 만들어진 pakage(module)을 관리해주는 툴이라는 것 즉, Node.js로 만들어진 모듈을 웹에서 받아서 설치하고 관리해주는 프로그램 NPM의 특징 1. 개별 프로젝트 폴더에 따로 설치 가능 2. 전체적으로 사용하도록 설치도 가능 (-G, GLOBAL) 3. 사용은 주로 npm으로 시작 4. npx: 따로 모듈 설치 없이 사용할 .. 2022. 2. 18. [React] 개요 React facebook에서 만든 프론트엔드 프레임워크 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용됨 [Web Frameworks] react는 인기가 많다.! [React의 장점] 선언형 React는 상호작용이 많은 UI를 만들 때 생기는 어려움을 줄여줌 애플리케이션의 각 상태에 대한 간단한 뷰만 설계하면 됨 그럼 React는 데이터가 변경됨에 따라 적절한 컴포넌트만 효율적으로 갱신하고 랜더링 함 선언형 뷰는 코드를 예측가능하고 디버그하기 쉽게 만들어줌 컴포넌트 기반 스스로 상태를 관리하는 캡슐화된 컴포넌트 이를 조합해 복잡한 UI를 만듬 컴포넌트 로직은 템플릿이 아닌 JavaScript로 작성됨 다양한 형식의 데이터를 앱 안에서 손쉽게 전달할 수 있고, .. 2022. 2. 10. [Javascript] Async, Callback Javascript - Async, Callback 동기성(Synchronous) - 동시에 일어나는 - 요청과 그 결과가 동시에 일어난다는 약속 - 즉, 바로 요청을 하면 시간이 얼마가 걸리던지 요청한 자리에서 결과가 주어져야 함 요청과 결과가 한 자리에서 동시에 일어남 A노드와 B노드 사이의 작업 처리 단위(transaction)를 동시에 맞추겠다. 비동기성(Asynchronous) - 동시에 일어나지 않는 - 요청과 결과가 동시에 일어나지 않을거라는 약속 실행결과가 오기전에 다른 코드부터 실행할 수 있음. 요청한 그 자리에서 결과가 주어지지 않음 노드 사이의 작업 처리 단위를 동시에 맞추지 않아도 된다 ※ 동기&비동기 개념 참고 블로그 https://private.tistory.com/24 예제) .. 2022. 1. 27. [Javascript] Arrow Function Javascript - Arrow Function Arrow Funcion은 코드 길이를 줄일 수 있고 보기 용이하기에 많이 쓰인다. 해당 함수의 기본 활용법에 대해서 알아보자. 기본 function 중괄호{}와 return값이 들어가는 function 함수를 정의했다. Arrow Function funtion의 선언과 중괄호{}, return을 사용하지 않는다. 파라미터가 하나일 경우에는 괄호()를 제거 가능 Arrow Funcion 활용 함수를 간략하게 사용하능 하기에 많은 부분에서 유용하게 쓰이는 기능 Map for문을 사용하지 않고 주어진 배열에 접근하는 방법 기본 map Arrow Function 활용 Filter 특정 조건에 해당하는 부분을 뽑는 기능 ※ Arrow Funtion 정리 Arro.. 2022. 1. 12. [JavaScript] 사이트모음 [JavaScript] 사이트모음 로딩 이미지: loading.io/ 2020. 11. 29. [Django] views.py에서 사용자계정 찾기 Django - views.py에서 사용자 계정찾기 views.py request.user : request들어온 사용자의 계정을 찾아줌 // 이렇다면 굳이 계속 user.pk를 보낼필요가 없었을 듯ㅎㅎ.. 2020. 11. 28. [Django] checkbox value 다중 넘기기 django html checkbox vlaue 값 다중넘기기 1. select.html name 옵션은 동일하게 value 옵션으로 각 선택지마다 차별성 form 태그 사용 2. draw.html 변수 = request.POST.getlist('name') // 이 간단한걸 javascript, ajax를 찾아보며 뻘짓했네,., 2020. 11. 27. 이전 1 2 3 4 5 6 ··· 11 다음 반응형
