본문 바로가기

전체 글

[react] State 사용하기 보호되어 있는 글입니다.
[React] Props
[부트캠프] IT 코딩 부트캠프 후기/[Let's TIL🚴‍♀️] CodingON 2023. 1. 10. [React] Props props란 컴포넌트 속성을 설정할 때 사용하는 요소 props값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 설정할 수 있다. (현재는 app.js) props값은 컴포넌트 함수의 파라미터로 받아와서 사용 가능 props를 렌더링 할 때에는, JSX내부에서 {}기호로 감싸준다. import React from 'react'; const MyComponent = props => { return 안녕하세요, 제 이름은 {props.name}입니다.; }; export default MyComponent; App.js 컴포넌트 import React from 'react'; import MyComponent from './MyComponent'; const App = () => { return ; }..
[React] 컴포넌트
[부트캠프] IT 코딩 부트캠프 후기/[Let's TIL🚴‍♀️] CodingON 2023. 1. 10. [React] 컴포넌트 컴포넌트 = 리액트의 꽃 이유는? 리액트로 작성된 화면은 컴포넌트만으로 구성 데이터가 주어졌을때 이에 맞춰 UI를 만들어주고 변화가 일어날 때 주어진 작업 처리를 한다. 또한 임의 메서드를 만들어 특별한 기능을 붙여줄 수도 있다. 컴포넌트 선언방식 1. 함수형 컴포넌트 : 메모리자원을 클래스형보다 덜 사용하며, 더 선언하기 편함 단점 - state와 라이프사이클 API사용이 불가했었으나, 지금은 Hooks라는 기능을 통해 사용가능 2. 클래스형 컴포넌트 : state기능 및 라이프사이클 기능을 사용할 수 있다는 것과, 임의 메서드를 정의할 수 있음 이때 클래스형 컴포넌트에서는 render함수가 꼭 있어야 하며, 그 안에서 보여줄 jsx를 반환한다. import React, { Component } fro..
[react] JSX
[부트캠프] IT 코딩 부트캠프 후기/[Let's TIL🚴‍♀️] CodingON 2023. 1. 10. [react] JSX JSX javascript XLM = 데이터 저장, 전달할 목적으로 만들어진 언어 하나의 파일에 자바스크립트와 html 동시에 작성가능 HTML web W3C 5.1 high 리액트 (src아래 app.js) 1. 리액트를 불러와서 사용할 수 있게 하는 코드 import React from 'react'; :프로젝트 생성과정에서 node_modules 디렉터리에 react 모듈이 설치, 따라서 import 구문을 이요해 리액트를 불러와서 사용 2. SVG 파일 및 SCC 파일 불러오기 import logo from './logo.svg'; import './App.css'; 3. App이라는 컴포넌트 만들기 function App() { return ( Edit src/App.js and save to ..
[React] 컴포넌트 사용하기, 기본세팅하기 보호되어 있는 글입니다.
[IT] 🐦기초 쌓기 2023. 1. 5. [Forever 서버 끄기] https://saii42.tistory.com/17 [Node.js] NPM forever 사용법 - 서버 백그라운드 실행 이번엔 백그라운드에서 서버 실행하려고 합니다. 왜 그러려고 하냐? 다른 명령어도 사용해야하는데 js파일 하나만 할 순 없으니깐 vscode에서도 npm server.js를 실행하면 코드를 입력할 수 없고 reques saii42.tistory.com forever를 돌리면 nohup으로 안꺼지기 때문에, 다른 명령어를 사용하여 꺼야한다.
[react] TypeScript, useState 보호되어 있는 글입니다.
[Dev] 🎯Self Study 2023. 1. 5. [Eslint 에러 해결] React app에서 eslint를 사용하려는데 빨간줄이 마구마구 떴다. 그걸 해결하는 방법은 eslint에 가서, module.exports = { extends: ['airbnb-base'], rules: { 'linebreak-style': 0, 'no-console': 'off', }, }; module.exports = { extends: [ 'plugin:@typescript-eslint/eslint-recommended', 'plugin:@typescript-eslint/recommended', ], parser: '@typescript-eslint/parser', plugins: ['@typescript-eslint'], overrides: [ { files: ['*.js', '*.jsx'..
[REACT, JSX] 리액트 기초 보호되어 있는 글입니다.
[코딩테스트와 꿀팁] 코테, 프로젝트 팁 보호되어 있는 글입니다.
[node.js] 서버 백그라운드 돌리기
[부트캠프] IT 코딩 부트캠프 후기/[Let's TIL🚴‍♀️] CodingON 2022. 12. 31. [node.js] 서버 백그라운드 돌리기 나중에 올릴 포트폴리오 등을 위해서 백그라운드에서 서버를 돌리는 법 (준비물 Putty, Filezila , NCP ) MySQL 서버 설치 및 접속 (notion.site) 1. putty에 로그인 (root, 자기 비번) 2. NCP 들어가서 공인 ip 주소 및 port 를 파일질라에 옮겨놓고 3. 내가 실행할 프로젝트를 / 아래에 새 파일로 만들어서 옮기기 (파일질라) //노드 모듈 빼고 옮기기// 다 옮기고 나면 putty에서 cd /프로젝트 npm install (pacake.json에 있는 모듈 설치) 근데 ACG에 내가 설정한 포트가 없어서 (vscode에서 설정한 포트번호) 새로 추가 putty - 백그라운드로 돌리기 nohup node index & - 푸티 끄는 명령어 exit
[Node.js] 프로젝트 주의 사항 및 env 만들기 보호되어 있는 글입니다.

티스토리툴바