전체 글82 3. props props를 통해 컴포넌트에게 값 전달하기 App.js import React from 'react'; import Hello from './Hello'; function App() { return ( ); } export default App; Hello.js - 비구조화 할당 문법을 사용해 코드를 간결하게 작성 import React from 'react'; function Hello({ color, name }) { return 안녕하세요 {name} } export default Hello; defaultProps로 기본값 설정 Hello.js import React from 'react'; function Hello({ color, name }) { return 안녕하세요 {name} } Hel.. 2023. 1. 18. 2. JSX 1. JSX 리액트 컴포넌트 파일에서 XML 형태로 코드를 작성하면 Babel이 *JSX를 JavaScript로 변환해줌 *JSX: Javascript XML, 자바스크립트를 확장한 문법으로 리액트 엘리먼트를 생성함 (1) 꼭 닫혀야 하는 태그 - self closing 태그 (2) 꼭 감싸져야하는 태그 - 리액트는 하나의 컴포넌트만 리턴할 수 있기 때문에 하나의 태그로 감싸주어야 함 - Fragment : 이름없이 태그 작성하면 만들어지고 브라우저 상에서 별도의 엘리먼트로 나타나지 않음 2. JSX 안에 자바스크립트 값 사용하기 import React from 'react'; import Hello from './Hello'; function App() { const name = 'react'; ret.. 2023. 1. 18. 1. 리액트 입문 1. 리액트는 어쩌다 만들어졌을까? (1) 배경 - JavaScript를 사용하여 HTML을 제어할 때에는 특정 DOM을 선택 -> 이벤트 발생하면 변화 주도록 설정 - 사용자와의 인터랙션이 자주 발생해 DOM을 직접 건드리면서 작업한다면 코드가 난잡해짐 - 그래서 Ember, Backbone, AngularJS 프레임워크가 만들어져 자바스크립트의 특정 값이 바뀌면 특정 DOM의 속성이 바뀌도록 연결해주어 업데이트하는 작업을 간소화해줌 (2) 리액트의 Virtual DOM - 리액트는 Virtual DOM을 사용해서 이를 가능하게 함 - Virtual DOM은 가상의 DOM으로 메모리에 가상으로 존재하는 JavaScript 객체이기 때문에 속도가 훨씬 빠름 - 리액트는 상태가 업데이트되면 필요한 곳의 U.. 2023. 1. 17. mysql workbench connection warning 문제 해결 나같은 경우는 예전에 mysql을 깔았던 적이 있고, mysql 서버가 mariadb로 연결되어 있어 unsupportedIncompatible/nonstandard server라는 connected문제가 계속 발생했다. (더이상 mariadb 사용하지 않는 상황) 구글링한 결과, 연동이 안되는 부분이 있어 그냥 무시하고 써라(maridb 지울려고 했으나 programfile에 안보임) 등이 있었으나 3306 포트를 죽이고 다시 연결해주는 방법으로 해결했다. 1. 리소스 모니터로 3306 포트의 PID 확인 - 윈도우+R -> resmon.exe 입력 -> 확인 - 네트워크 -> 수신대기포트 -> 포트 3306의 PID 확인 2. 명령 프롬프트로 PID 삭제 cmd(명령 프롬프트) 관리자 모드 실행 ->.. 2022. 11. 3. 윈도우 서비스(service)에 mysql 안 뜰 때, workbench could not server 문제 해결 Mysql 설치했지만 서비스에 뜨지 않을 때 해결법이다. 현재 나는 workbench에서 connected 문제가 계속 발생하고 있는데 이는 mysql 서버가 작동되고 있지 않고 있었다 ㅠㅠ 찾아본 결과 서비스에서 mysql을 작동시키라는데 서비스에 안 떠서 찾아봤다. window 기준 1. 관리자 모드로 cmd(명령 프롬프트) 실행 2. mysqld --install 입력 바로 시스템에서 확인 가능 + workbench could not server 문제 해결이다. 참고 https://bryan7.tistory.com/452 [MySQL] install을 했는데 서비스에 안나올때 추가하기. 나는 Windows 8.1 64bit OS를 사용하고 있고, MySQL 홈페이지에서 32bit installer를.. 2022. 11. 3. 서버가 왜 필요할까? : 클라우드 서버, 네이버 클라우드 서버는 왜 필요한걸까? 클라이언트는 서버에게 정보를 요청한다. 예를 들어 스마트폰에서 카카오톡 아이콘을 누르면 실행되고, 상대방에게 메시지를 보내는 모든 행위는 우리의 스마트폰(클라이언트)이 서버에게 정보를 요청해서 받았기 때문이다. 이를 위해서는 본인의 컴퓨터로 직접 서버를 구축할 수도 있지만 일반적으로 요금을 내고 외부 서버를 임대한다. 이러한 서비스를 이용할 경우 보안, 안정적인 실행, 전기료 감축 등 효과가 있기 때문이다. 서버를 구축하는 방법은? 서버 호스팅, 웹 호스팅, 클라우드 서버 3가지 방법이 있다. 그 중에 서버 호스팅과 웹 호스팅의 단점을 보완하고 가격을 줄인 클라우드 서버를 이용하고자 한다. 클라우드 서버는 프로그램으로 가상의 컴퓨터를 하나 생성해 서버를 운영하는 방식으로 짧은 시간.. 2022. 10. 29. 이전 1 2 3 4 5 ··· 14 다음 반응형
