728x90 반응형 분류 전체보기59 OP Amp 특징 - 개별 트랜지스터를 '증폭기'로 사용했을 때 부족한 점 개선.- 전압을 증폭하는 앰프.- 입력 임피던스 무한대에 가깝다.(그로인해 입력에 연결된 회로에 영향을 주지 않는다)- 출력 임피던스는 아주 낮다.(그로인해 다음에 연결되는 회로에 영향을 주지 않는다)- 외부에 저항 추가로 증폭도 조정 가능. 사용시 주의사항 - 선형영역에서 동작하도록 설계되었기 때문에 남는 단자를 그냥 놔두면 Vcc나 GND 한쪽으로 치우쳐 전력 낭비(단자 처리 필요) / comparator는 그냥 두어도 ok- 입력 신호에 포함된 DC성분도 같이 증폭하며 앰프가 포화되기 때문에 입력은 반드시 '커패시터' (급격한 전류량 변화를 최대한 완만하게 해주는 용도)로 DC blocking을 해줘야함(DC도 같이 증폭해야하면 .. 2024. 6. 28. this const obj = { name: "daegon", showName() { console.log(this); }, }; //출력 obj = { name: 'daegon', sayname: [Function: sayname] } //this는 obj를 가리킴 obj.showName(); const showN = obj.showName; //여기서는 obj의 this가 Window를 가리킴 showN(); 콘솔창 확인해보면 같은 함수를 호출했는데 값이 다르게 나온다.. 왜일까? 중요!! this는 보통 함수가 호출하는 방법에 따라 달라진다고 합니다. showN(); 호출시 window를 가르키며 obj를 붙여서 obj.showName() 을 호출시에 this는 obj를 나타냅니다. showName()을 화.. 2023. 6. 20. [React.js ] spinners (로딩 시 대체 효과) 안녕하세요!! 오늘은 제 프로젝트에 적용된 스피너를 소개해 드릴까 합니다. axios를 사용하여 server 쪽으로 비동기 통신을 할 때 딜레이 시간이 생기는데.... 딜레이 시간 동안 유저에게 좀 더 쾌적하게 화면을 보여주기 위해서 적용해 봤어요!! client단코드 styled components를 사용해서 스피너 컴포넌트를 따로 만들었습니다. 로딩 중일 때 띄울 스피너 이미지를 처음에는 아무거나 가져다 썼더니... 사이즈 변경 시 깨져서 알아보다 보니 svg가 안 깨진다고 해서 가져와서 쓰고 있습니다~~ 안 깨지니까 너무 좋아.. 제가 사용한 이미지 스피너 테스트할 때 계속 보다 보니까 멍해져서 "뭐 하고 있었지??" 정신 줄 놓는.... 조심하세요.. 이미지 import 한 뒤에 저 표시만 있으면.. 2023. 6. 17. 일본 오염수 방류?! 일본의 오염수 방류 2021년 4월, 일본은 미야기현에 위치한 후쿠시마 원전에서 발생한 오염수를 해양으로 방류할 계획을 발표했습니다. 이 오염수는 원전의 노후화로 인해 발생한 물과 토양에서 유출되는 방사성 물질을 포함하고 있습니다. 후쿠시마 원전 사고 이후에는 오염수를 저장하기 위해 임시 저장 탱크를 사용해왔습니다. 하지만 원전 주변에는 점점 더 많은 오염수가 축적되면서 저장 공간의 한계가 점점 더 명백해졌습니다. 그래서 일본 정부는 해양 방류를 선택했습니다. 해양 방류 계획은 2023년부터 시작되어 약 30년 동안 계속될 것으로 예상됩니다. 이 방안은 일본 정부와 국제 원자력 안전 기구인 IAEA(국제원자력기구) 등 다양한 기관들의 검토를 거쳐 결정되었습니다. 방류 전에는 오염수를 처리하기 위해 일본은.. 2023. 6. 16. JavaScript Spread Spread Operator로 객체를 복사할 시, 복사한 객체의 값을 변경해도 원본에는 영향을 주지 않는다.(얕은 복사) JavaScript에서 스프레드 문법은 배열이나 객체의 요소를 펼쳐서 전개하는 기능을 제공합니다. 스프레드 문법은 주로 배열이나 객체를 복사하거나 합치는 등의 작업에 사용됩니다. 배열에서 스프레드 문법을 사용하려면 세 개의 점 (...)을 사용합니다. 다음은 배열을 펼쳐서 복사하는 예시입니다: const array1 = [1, 2, 3]; const array2 = [...array1]; console.log(array2); // 출력: [1, 2, 3] 위 예시에서 ...array1은 array1 배열의 모든 요소를 펼쳐서 array2에 복사합니다. 또한, 여러 배열을 합치는 경우에.. 2023. 6. 15. 면접 질문 대비 리스트(Frontend) CSR(Client Side Rendering) 1. 렌더링이 클라이언트 쪽에서 일어난다. 2. 서버에서 처리 없이 클라이언트로 보내주기 때문에 자바스립트가 모두 다운로드 되고 실행이 끝나기 전까지 사용자는 볼 수 있는게 없다. 3. HTML, CSS와 모든 스크립트들을 한 번에 불러온다. SSR(Server Side Rendering) 1. 서버쪽에서 렌더링 준비를 끝마친 상태로 클라이언트에 전달하는 방식. 2. 서버에서 이미 '렌더 가능한' 상태로 클라이언트에 전달되기 때문에, JS가 다운로드 되는 동안 사용자는 무언가를 보고 있을 수 있다. 3. HTML과 스크립트만 불러온다. CSR, SSR 차이 첫 페이지 로딩시간 = 평균적으로 SSR이 더 빠르다. 나머지 로딩 시간 = CSR이 더 빠르다. C.. 2023. 6. 15. 면접 질문 대비 리스트(React) React.js에서의 렌더링? 리액트가 함수를 호출하는 것.(component가 렌더링 된다는 것은 함수(component)를 호출하여 실행되는 것.) 렌더링 = 함수 호출 실행. 실행될 때마다 내부에 선언되어 있던 변수, 또다른 함수 등.. 도 매번 다시 선언됨. React.js에서의 리렌더링? - 자신의 state가 바뀌었을 때 - 부모에게서 받은 props가 바뀌었을 때 (하위 컴포넌트에 최적화 설정을 해주지않으면 부모에게서 받는 props가 변경되지 않았더라도 기본으로 리렌더링) DOM 웹 페이지나 웹 앱에 있는 HTML 요소들을 트리형태로 표현한 것이다. DOM은 애플리케이션의 전체 UI를 나타내며 트리 데이터 구조로 표현된다. 여기에는 Web Document에 있는 각 UI 요소에 대한 노드가.. 2023. 6. 14. git 사용법 Git은 버전 관리 시스템으로서 소스 코드 및 파일 변경 사항을 효과적으로 관리하는 도구입니다. Git을 사용하기 위해 몇 가지 기본적인 명령어를 알아보겠습니다. 저장소 초기화 git init: 현재 디렉토리를 Git 저장소로 초기화합니다. 작업 영역 git status: 변경된 파일 목록과 커밋할 준비가 된 파일을 확인합니다. git add : 변경된 파일을 스테이징 영역에 추가합니다. git add . 또는 git add --all: 모든 변경된 파일을 스테이징 영역에 추가합니다. git reset : 스테이징 영역에서 파일을 제거합니다. 커밋 git commit -m "": 스테이징 영역의 변경 내용을 커밋합니다. git commit -a -m "": 변경된 모든 파일을 스테이징하고 커밋합니다. 브.. 2023. 6. 14. 면접 질문 대비 리스트(JavaScript) 비동기 처리 방법 Callback callback은 ES6버전 이전에 사용되던 비동기 처리 방법입니다. -수정중- Promise promise는 callback의 단점을 보완하고자 ES6버전에 등장한 비동기 처리 방법입니다. -수정중- Async/Await async/await은 promise의 단점을 보완하고자 ES8버전에 등장한 비동기 처리 방법입니다. -수정중- var, let, const 차이점 const- 중복 선언 불가능, 재할당 불가, 블록 레벨 스코프 let - 중복 선언 불가능, 재할당 가능, 블록 레벨 스코프 var- 중복 선언 가능, 재할당 가능 ,함수 레벨 스코프 이벤트 버블링 한 요소에 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하고 최.. 2023. 6. 13. 이전 1 2 3 4 ··· 7 다음 728x90 반응형
