RoboOps Lab by Jiu

안녕하세요. 좋아요요정입니다. 프론트엔드 면접을 준비하며 Network에 대해 조금이라도 이해하고자 정리한 개념입니다. :) 어렵네요 화이팅! [목차] 네트워크 기본 지식 CORS HTTP TCP/UDP, IP 네트워크(network) 네트워크란 컴퓨터들이 통신망을 통해 서로 그물처럼 연결된 체계를 말합니다. 클라이언트와 서버간의 정보가 오고가는 역할을 하는 기술의 총칭을 의미하며, 데이터를 케이블에 실어 나르는 것을 의미합니다. 컴퓨터와 프린터, 컴퓨터와 운영체제, 서버와 클라이언트 등 네트워크를 이용하는 관계들이 서로의 네트워크의 종류와 상관 없이 누구나 정보를 주고받을 수 있습니다. 네트워크의 종류 LAN : 비교적 가까운 거리의 컾뮤터와 주변기기들을 연결하는 네트워크 MAN : 도시등과 같이 지리..

안녕하세요. 좋아요요정입니다. 오늘은 JavaScript의 요약을 정리해봅니다. 면접 전 준비기간에 보고, 헷깔리는 개념에 대해서는 한번 더 공부하기 위해서 만든 게시글입니다. :) [Javascript 관련 목차] - 함수 - 스코프 - let, const - 객체 - 원시값&참조타입 - 실행 컨텍스트 - 프로토타입 - this - 클래스 - DOM - Map/Set - 브라우저 랜더링 - 이벤트 - AJAX - 비동기프로그래밍 - Async/await - Promise - REST API 함수 프로그래밍에서 함수란? 입력되는 값으로 특정 로직을 실행하고, 그에 대한 값, 결과물을 출력하는 코드 블록 선언 : function add(x, y) { return x + y; } 호출 : add(2,5) 함..

안녕하세요. 좋아요요정입니다! 이직을 준비하며 프론트엔드 면접을 대비해 질문을 정리하고 있습니다. :) 취업이나 이직을 준비하는 분들에게 도움이 되면 좋겠습니다! [프로그래밍 용어 관련] TDD MSA 데이터베이스 브라우저 저장소 CSR_SSR CI/CD 함수형 프로그래밍 객체지향 프로그래밍 Pass by value/ Pass by Reference JSON 애자일 TDD의 이해 TDD란 Test Driven Development 의 약자로 '테스트 주도 개발'이라고 합니다. 여기서 테스트란 제품의 함수, 특정한 기능, UI, 성능, API 등이 원하는 대로 동작하는지 확인하는 것입니다. TDD를 하기 이전에는 개발과 검증의 역할이 따로 분리되어 있었습니다. 개발이 아무리 빨랐어도 검증 단계에서 시간이 ..

안녕하세요! 좋아요요정입니다 :) 오늘은 object 깊은 복사를 진행했습니다. 테이블에 입력되는 column을 복제해서 일부 값을 수정하고 반환 수정하는데 setState를 선언하지 않았음에도 변경되었습니다. 이유는 { ... } 은 shallow copy를 하기 때문! const object = { a: 'aa', b: 'bb', c: ['c','cc'] } const copy = { ...object } 이 경우, object에는 데이터가 저장되는 것이 아니라 데이터의 값을 가리키는 참조값이 저장됩니다. 그 참조값을 복사해 데이터를 수정하니, 결국 그 내부의 값이 변경된 것입니다. 복사 전 변수도, 복사한 변수도 결국 같은 데이터를 가리키고 있던 것이죠. 깊은 복사하는 방법1 - JSON객체를 이용..

안녕하세요. 좋아요요정입니다! 이번에 맥북을 구매했어요 꺄~~ 🎉 지름이 곧 실력은 아닌걸 알면서도 참을 수 없는 장비욕심..ㅎㅎ 회사와 집을 하나의 작업환경으로 연동했다는 목적에 상당한 만족감을 가지고 있습니다. (맥북 너무 좋아요 ㅎㅎㅎ) 랜선을 연결할 허브가 아직 도착하지 않아서.. 와이파이를 잡아 리엑트로 프로젝트를 진행하던 중 문제를 발견했습니다. 오프라인상태가 되면 fetch가 전부 실행되며 생기는 에러, 반환되는 값이 없어서 생기는 대에러 폭탄💩!! 수정 전 코드 - api.js class Api { async run(requestData, url){ const formdata = new FormData(); for(const key in requestData){ formdata.append..