본문 바로가기

React3

[TIL 44일차] Electron에서의 프로세스 통신 스스로 적어보는 근황너무 오랜만에 글을 적어본다. 회사 입사 초기라 매우 바쁘기도 했고, 적응하느라 좀 힘들었던 것 같다. 얼마 전에 처음으로 휴가를 모아서 사용해서 일본을 갔다왔다. 확실히 머리를 비우고 오기 좋았던 것 같다. 마음을 다시 잡았을 수 있던 것 같다. 블로그를 안적었다고 공부를 안한건 아니지만 블로그를 적지 않으면 이후에 내가 공부했던 흔적이 머리 속에서 쉽게 지워질 것 같다..... 회사에서 기존에 맡았던 탐지 엔진 개발과 데스크탑 앱 개발에서 업무가 변경되었다. 정확히 변경되었다기 보다 새 사업이 들어와서 새 사업 팀에 배치되서 그것들을 까지 유지보수할 역량이 부족한 것 같다. Electron새 사업 팀에 들어가면서 배치 받은 업무는 다음과 같았다. 1. 새 플랫폼을 자동으로 PC에 .. 2024. 10. 30.
React 기초 useState, props 리액트에서 State는 객체에 대한 업데이트를 실행한다. state가 변경되면 변경된 값을 전하여 컴포넌트는 리렌더링 된다. props는 properties의 줄임말로 어떠한 값을 컴포넌트에 전달해줘야할 때, props를 사용한다. state와 props가 비슷해서 다소 이해하기 힘들수 있지만 이 둘은 엄연히 다르다. 원래 글로 보면 복잡하니까 코드로 봐보자 ex) State // Hi.js import {useState} from "react"; function Hi() { let name = 'park'; const [name,setName] = useState("park"); function printName() { name = name === "park" ? "park" : "nopark"; se.. 2022. 9. 28.
React 맛보기 React란 자바스크립트 라이브러리중 하나로 웹 프레임워크중 하나이다. React의 특징 1. 선언형 : HTML/CSS/Javascript 로 나눠서 적는거 보다 JSX를 활용한 선언형 프로그래밍 2. 컴포넌트 기반 (Component-Based) : 요소별로 개발하여 분리하여도 독립적으로 사용이 가능하므로, 기능에 집중하여 개발이 가능하다. 3. 범용성 : 자바스크립트 기반이므로 자바스크립트 프로젝트 어디에든 유연하게 적용이 가능하다. JSX 먼저 위에서 말한 JSX가 무엇인지 알아야 할 필요가 있는데 JSX는 자바스크립트 XML의 줄임말이고 HTML도 아니고 문자열로 취급하지도 않는다. 간단하게 자바스크립트의 확장 문법이라고 생각하면 된다. JSX는 확장 문법이지만 "Babel" 이라는 자바스크립트.. 2022. 9. 23.