본문 바로가기

전체 글41

React 기초, Component react 좋은 이유- SPA (single page application) -> 페이지 전환 부드럽게- component -> html 재사용성 굿- 데이터가 html 재렌더링 자동반영 웹페이지는 html에서 이용해야함. 근데 어떻게 자바스크립트로 가능하냐?App.js - (index.js)-> index.htmlindex.js가 App.js 를 index.html로 바꾸줌 state 사용하고 싶을떈,useState를 사용해서 변수에 담자let[a, b] = useState('zzz');-> a는 변수, b는 변경함수let [a, c] = [1, 2]; -> destructuring 문법원래는 let a= num[0]; let c = num[1] ; shallow copy/ deep copylet.. 2024. 11. 22.
React에서 JSX사용, state 변경 html이 아닌 JSX 문법 사용 리액트 데이터 바인딩 쉽게 됨서버에서 가져와서 html에 보여주는 방식원래는 let post = document.getElementById. 이런 방식 써야했음리액트에서는 중괄호 사용해서 { post } 변수명으로만 써서 가능. => 코드 간결 변수나 함수로도 html을 동적으로 사용가능 src, id, href, class name 등의 속성을 {} 안에 변수나 함수명을 써서 쓸 수 있음 -> 개편함 변수 저장시1. 변수 2. state변수 대신 쓰는 데이터 저장공간 -> stateusrState() 이용문자, 숫자, object 등 다 넣을 수 있음var [a, b] = [10, 100];// var a = 10, var b= 100// destructuring 문법.. 2024. 11. 21.
React 기초, 리액트란 리액트란?UI를 만들기 위한 자바스크립트 라이브러리.자바스크립트로만 화면 개발은 가능해도, 시간도 오래걸리고 복잡함. 리액트 사용하는 이유?리액트 네이티브로 한 코드로 안드로이드랑 ios 개발 가능(여러 운영체제에서 가능한 크로스플랫폼)새로고침 없이 사이트에서 이용 가능 -> 웹 앱 만들때 유용함.1. 모바일앱 발행 쉬움2. 앱처럼 뛰어난 UX3. 개발자 시장성  컴포넌트 : UI를 재사용하기 위한 코드조합 리액트 설치1. nodejs 최신버전 -> 구글에 nodejs 검색(create react app 사용하기 위한 node js)터미널에서 node -v , npm -v 로 잘 설치되었나 확인, 버전확인(npm은 라이브러리 쉽게 설치 가능하게하는 툴)2. editor 다운 -> 비주얼스튜디오 코드 검색.. 2024. 11. 21.
[뇌과학 알아보기] 메타인지란? 메타인지가 높은 사람? 메타인지란?메타인지란 자신의 사고과정을 인식하고 조절이 가능한 능력을 말한다.'내가 어떻게 생각하는지'를 아는 능력이라고 생각하면 된다.메타인지가 필요한 이유는 우리가 문제 해결할 때나 공부를 할 때, 의사결정시에 중요한 역할을 하기 때문이다.자기가 어떻게 생각하고 있는지를, 자신의 사고 방식을 모니터링을 하므로더 좋은 선택을 하거나 실수를 수정할 수 있게 된다. 쉽게 예를 들자면보드게임을 배우면서 '어떻게 하면 효과적으로 카드를 사용할지?' '어떤 수법들이 있을까?' 등내가 무엇을 배우고, 어떻게 배우고 있는지를 스스로 돌아보는 생각을 한다면 메타인지를 활용하고 있는 것이다메타인지가 왜 중요할까?메타인지를 활용한 학습활용성을 높일 수 있기 때문이다. 공부를 효율적으로 할 수 있으니 바쁜 현대인들에게는 .. 2024. 10. 29.
[사회적 증거]를 활용한 마케팅, 효과적인 카피라이트 작성법 '사회적 증거' 인간의 심리를 이용한 마케팅, 효과적인 카피라이트 작성법을 알아보자.사회적 증거란? Social Proof사람들이 어떤 것을 선택할 때, 다른 사람들의 선택을 따라하게 되는 경향이 있다.인간의 본능적인 특징으로 다른 사람의 행동, 판단을 관찰하게 되고 자신의 행동을 결정하게 된다.무리행동의 일환으로 볼 수 있고, 이러한 행동은 사람이 결정을 내릴 때 혼자 내리는 것보단, 다른 사람들이 무엇을 하는지 보고그에 따른 행동을 할 때 안전하다고 느끼기 때문이다. 불확실한 선택에 대한 안전성을 택하기 위한 인간의 심리이다.#사회적증거란 #사회적증거 사회적 증거의 특징다른 사람들의 선택이나 행동을 관찰한 후, 이를 따라함으로 옳은 선택을 내리려는 경향이 있는데, 이건 특히 정보가 부족하거나 불확실한.. 2024. 7. 21.
[체코원전이란] 체코원전 2기 그게 뭔데? #체코원전 #체코원전2기체코원전 2기 뭐야?우리나라가 체코원전 2기를 수주하면서 최소 50조원이상 경제효과가 예상된다고 한다 원전이란?원전은 원자력발전소로 원자력 에너지를 이용햐서 전기를 생산하는 곳이다. 환경오염을 줄이면서 전기를 많이 사용할 수 있게 된다. 체코원전 수주란?#수주뜻 수주의 뜻은 어떤 사업을 맡아서 한다는 뜻이다. 체코에서 새로 원전을 지을 계획이었는데 이를 우리나라가 체코에 원전 2기를 건설 및 운영하는 큰 사업을 맡게 되었다. 원전 건설 뿐만 아니라 원전을 유지보수, 운영, 연료공급 등 다양한 사업을 하게 되 경제효과는?원전 2기를 건설하는데 약 24조원이 들어간다고 한다. 하지만 원전을 짓는 것뿐 아니라 60년동안 운영 및 관리를 할 수 있게 계약이 체결되어 전체적으로는 50조원 .. 2024. 7. 19.
슬럼프 뜻? 슬럼프를 극복하는 뇌과학 꿀팁 슬럼프란 무엇인가?뭔가를 하려고 해도 하고 싶은 마음도 들지 않고, 동기부여가 되지 않는 그런 에너지가 고갈된 느낌을 말할 수 있다.그럼 이 슬럼프는 도대체 어디서 오게 되는 것인가? 슬럼프: 뇌의 신비로운 장난슬럼프에 빠지면 흔히 게으르다 하지만 그냥 게으른 것이 아니다.뇌 속에서 뭔가가 이상하게 작동하고 있다는 걸 의미한다. 우리 뇌는 신경 전달 물질을 통해서 메세지를 주고받게 되며,이 중에서 도파민, 세로토닌, 노르에피네프린이 중요한 역할을 한다. 도파민보상을 느끼게 한다. 도파민이 떨어지면 무기력증이 생긴다.예를들어, 매일 매일 똑같은 일을 반복하게 되면 도파민 분비가 줄어들어서 재미를 못 느끼게 된다. 세로토닌우리 기분을 조절하는 존재이다. 세로토닌이 부족하면 우울감이 밀려오고, 슬럼프에 빠지게.. 2024. 7. 7.
나도 번아웃? 번아웃 걸린 사람 특징, 극복 방법 번아웃(Burn Out)번아웃은 장기간에 걸친 스트레스와 과도한 업무 요구로 정신적, 신체적, 정서적으로 탈진한 상태를 말한다.번아웃에 잘 걸리는 사람 특징어떤 특성을 가진 사람들이 특히나 번아웃에 잘 걸린다고 한다.흔히 이러한 사람들이 다른 사람들에 비해 번아웃에 취약하다. 1. 완벽주의 경향완벽주의 경향이 있고 자신에 대해 높은 기대치를 설정하는 사람들은 종종 한계에 도달하기가 쉽다. 2. 헌신적인 사람헌신적인 사람들은 종종 자신의 역할이나 업무에 있어 매우 헌신적이기에 자신의 안녕을 희생한다. 3. 높은 성취자처음에 자신의 일에 열정적이고, 책임감을 가지고 열정을 갖고있는 성취가 높은 사람이다. 4. 일과 삶이 불균형한 자일과 개인 생활 사이의 건강한 균형을 유지하는데 어려움을 겪을 수 있고, 자기.. 2024. 7. 4.