코딩공부(129)
-
[한권으로 읽는 컴퓨터 구조와 프로그래밍] 비트를 처리하기 위한 하드웨어
릴레이 릴레이 작동 원리 릴레이는 내부에 '전자석'(코일)을 포함하고 있습니다. 이 전자석은 전류가 통하게되면 자석이되는 성질을 갖고 있습니다. 때문에 전원을 공급하게되면 릴레이 내부에 전자석이 자석이되어 옆에 있던 철편을 끌어당겨 스위치가 ON 이 되는것입니다. 릴레이는 여러 종류가 있지만, 모두 이러한 원리로 작동합니다. 3,4번으로 5VDC (구동전압) 입력시 코일에 전류가 흐르며 자석이됨. 코일이 자석이되면 철편(스위치)을 끌어당겨 스위치가 ON됨. 1,2번이 연결(스위치 ON)되어 220VAC가 흐르며 조명이 켜지게됨. e.g) 수도 밸브, 모터, 발전기.. 역기전력이란? 릴레이 코일에 인가되는 전기가 차단되었을 때 순간적으로 300볼트 이상의 위험 전압이 생성되는 것. 이때 발생하는 과전압은 ..
2022.01.26 -
코딩앙마 React JS state, useState
State : 컴포넌트가 가지고 있는 속성값 속성값이 변하면 react는 자동으로 속성값을 업데이트 시켜준다 개발자는 state만 잘 관리하면 화면을 다시 그릴 필요가 없어서 편리하다! export default function Hello() { let name = "Mike"; function changeName() { name = name === "Mike" ? "Jane" : "Mike"; console.log(name); } return ( State {name} Change {/* 버튼을 눌러도 변화가 없다 */} ); } 이름은 바뀌는데 {name} 부분이 업데이트가 안된다 위에 선언된 let name은 state가 아니고 단순히 변수이기 때문이다 이 컴포넌트가 관리하고있는 상태값이 아니다. ..
2022.01.25 -
코딩앙마 React Js 이벤트 처리
이벤트를 거는 방법 1. 미리 함수를 하나 만들어놓고 전달해주는 것 export default function Hello() { function showName() { console.log("Mike"); } return ( Hello Show name // 여기에 showName()을 넣어주면 showName이 반환하는 값을 가져오는데 // 지금은 반환하는 값이 없으니까 undefined가 들어가게 된다. // 함수명만 적어주면 기능만 실행해줌! Show age ); } 2. onClick 이벤트 내부에 직접 함수를 작성 { console.log(30); } }>Show age 장점 : 매개변수를 전달하기 편하다 export default function Hello() { function showNam..
2022.01.24 -
항해99 Week2 회고
처음 시작할 때 하나도 풀지 못했던 알고리즘 문제를 알고리즘 주가 끝나갈때에 쭉쭉 풀어나가는 것을 보고 너무 보람찼다. 알고리즘 공부를 할 때 그냥 내가 설명하기 쉬운 말로 수도코딩을 하고 그 다음에 코드를 짜나갔는데 그렇게 하는 것이 나한테 너무 잘맞았다. 그리고 잘 안풀려서 시간이 많이 걸리는 문제는 여러번 풀어보겠다는 의지로 답을 빨리 보고 참고했다. 앞으로도 이런식으로 다른 사람들이 좋다는 공부법을 무조건 따라하기보다는 나한테 잘 맞는 공부 방법을 찾아가야겠다. 하면 되네!라는 것을 뼛속 깊이 느꼈던 굉장히 보람찬 한 주 였다!! 그리고 주특기 주가 시작되었다. React 공부도 알고리즘 공부 처음 시작할 때 처럼 막막하지만 그래도 최선을 다해보겠다라고 생각했다! JavaScript의 ES란? E..
2022.01.23 -
코딩앙마 React JS CSS 작성법
CSS 작성은 여러가지가 있는데, create-react-app으로 만든 프로젝트에는 별도 전용 패키지 설치 없이 바로 사용할 수 있는 방법 세가지가 있다. 1. 인라인 스타일 사용 CSS 파일을 사용할 필요 없이 HTML에 바로 적어주는 것. 여기서 스타일은 객체로 작성해야한다. Hello //중괄호 안에 중괄호 한번 더! 하지만 보통 특별한 경우가 아니면 인라인으로 CSS를 적는 일은 드물다. 2. index.css 파일 활용하기 전체 스타일링에 영향을 미치는 파일 app.css는 앱 컴포넌트에 한정된 내용들이 들어가있을 것만 같지만, 사실 app.css는 앱 컴포넌트에만 적용되는 것이 아니다. app.css와 컴포넌트 자체 css에 따로 속성을 주어도 header에서 하나로 합쳐지기때문이다. 그래서..
2022.01.22 -
코딩앙마 React JS 컴포넌트, JSX
REACT로 만든 페이지는 컴포넌트로 구성되어있다. 페이지단위로 HTML을 작성하는 것이아니라 각 부분을 컴포넌트로 만들어서 조립하는것. 장점 : 비슷한 부분들은 코드를 재사용할 수 있고, 유지보수도 쉬워진다. e.g) 네이버의 제목 컴포넌트, 로그인 컴포넌트, 언론사 컴포넌트.... 모든 컴포넌트는 맨 앞글자를 대문자로 한다. 함수형 컴포넌트에서 리턴하는 것을 JSX라고 한다. 생긴것은 html과 비슷하다. class는 리액트에서는 예약어이기 때문에 class 이름을 지정할때는 className을 쓴다. css style은 객체로 전달해줘야 쓸 수 있다. function App() { const name = "가현"; return ( Welcome, {name}! // {}로 변수를 가져올 수 있다 {..
2022.01.22