Salangdung_i의 기록

📝 한 일 면접 보기 코테 보기 Do it! Vue.js 입문 서적으로 Vue 공부하기 ❗️ 느낀 점 22년 4월 27일로써 11개월간의 취업준비가 끝났다. 최종 합격을 한 회사는 서류제출 전 회사 조사를 할 때부터 서비스하는 제품이나, 산업군이 너무 맘에 들어서 꼭 합격하고 싶었던 회사였다. 전형은 '서류-코딩 테스트-1차 기술면접(비대면)-2차 임원면접(비대면)-티타임 면접' 순으로 진행되었었는데 이 절차마다 HR팀에서 유선으로, 메일로 더블 체크하며 안내해주셔서 회사에 대한 인상 또한 좋았다. 결과적으로 Visual AI를 하는 회사에 입사하게 되었다. AI 라니... 인공지능이라니... 너무 멋있잖아? 11개월의 취준 기간 동안 어떻게 준비했는지는 따로 포스팅할 예정이다. 취준 기간은 내가 살면서..

📝 한 일 한 번에 끝내는 컴퓨터 공학 전공필수 & 인공지능 심화 초격차 패키지 Online 강의 듣기 컴퓨터 네트워크 공부 인공지능 리덕스 101 TDD 공부 코테풀기 맛집프로젝트 과제 🧐 알게 된 것 OSI 7 계층에 대한 이해 ❗️ 느낀 점 항상 마음속의 짐이었던 컴퓨터 공학 전공지식,,,ㅎ 위의 사진은 전공지식을 공부하면서 필기한 사진이다. 오랜만에 이런 전공강의를 들으니 대학생 때 전공강의 듣던 생각도 나고, 생각보다 너무 재밌다. 정보처리기사를 준비했을 때 OSI7계층에 굵직한 개념만 알았는데 물리계층에서 실제로 어떤 동작이 이루어지는지 배우니 처음 공부할 때보다 훨씬 이해가 잘 간다. 🎤 자기 선언 원하지 않은 결과를 받더라도 작게 슬퍼하고 크게 성장하자. 성공직전에 제일 힘든것이다. 계속 ..

📝 한 일 주중 매일 8-12 모각코 캠 스터디 애매하게 알고있던 내용 공부 웹팩, 모듈 브라우저 저장소 HTTP, HTTPS 차이 OOP, FP 인증과 인가 MongoDB 공부하기 리액트 공부 context API redux TDD 공부 🧐 알게 된 것 NoSQL VS RDBMS ❗️ 느낀 점 예전에 포토폴리오 강의를 들었을 때 회사 다니면서 경험 정리를 아무리 늦어도 6개월에 한 번씩은 하라고 했었는데, 그 의미를 잘 알겠다. 예전엔 모두들 사용하니까 나 역시 고민하지 않고 받아들이던 기술들이 나중에 직무경험을 돌아보았을 때 이게 뭐였지? 이걸 왜 사용했지? 까먹는 상황들이 생긴다. 이번엔 내가 사용했던 데이터베이스에 대해 고민해 보았다. 인터넷에 돌아다니는 장단점 비교도 도움이 되지만 무엇보다 내가..

처음 기술면접을 준비하면서 webpack에 대해 공부할 때 webpack은 모듈을 번들시켜주는 역할을 하는 것이라고 알게 되었다. 모듈의 의미는 알겠는데 번들? 시켜준다. 이렇게 정의만 알고 있었는데 면접에서 이 질문을 받게 되었다. 이 김에 제대로 정리해보자. webpack이 무엇인지 설명해주세요. webpack을 커스터마이징한 경험이 있나요? 결론 Webpack이란 여러개의 파일을 하나의 파일로 묶어주는 모듈 번들러(Module bundler)입니다. 설명 webpack의 개념을 이해하기 위해선 먼저 모듈(Module)에 대해 이해해야 합니다. 자바스크립트로 개발하다보면 코드의 재사용이나 유지보수 측면에서 파일을 여러 개로 분리해서 개발하곤 합니다. 이렇게 분리된 파일을 모듈이라고 합니다. 이러한 모..

Web Storage는 무엇인가요? sessionStorage와 localStorage는 무엇이 다른가요? 쿠키, 세션, 웹 스토리지의 차이에 대해 설명해주세요. 결론 브라우저 저장소는 클라이언트 웹 브라우저에 저장할 수 있는 기능입니다. 첫 등장은 쿠키로 시작했습니다. 쿠키의 적은 저장공간과 보안적인 문제, 성능 저하 문제를 해소하기 위해 HTML5에서 Web Stroage를 도입하였습니다. 웹 스토리지는 저장용량을 5MB으로 개선했고 저장 범위, 삭제 시기에 따라 로컬 스토리지와 세션 스토리지로 나뉩니다. 설명 브라우저 저장소의 등장 쿠키는 웹사이트가 웹 브라우저를 통해 방문자의 컴퓨터에 남기는 최대 4KB의 작은 크키의 문자열입니다. netscape사에서 방문자의 웹사이트 방문 여부를 확인하기 위해..

LifeCycleMethod이 무엇인지 설명해주세요. React에 있는 라이프사이클들을 설명해주세요. 결론 리액트 컴포넌트의 라이프사이클에 따라 어떤 처리를 해줘야할때 유용하게 쓰이는 Method이다. 설명 모든 리액트의 컴포넌트들은 라이프사이클이 존재합니다. 컴포넌트의 수명은 페이지가 랜더링되기 전인 준비단계에서 시작되어 페이지에서 사라질 때 끝납니다. 리액트를 사용해서 프로젝트를 진행하다보면 컴포넌트를 처음으로 랜더링해야할때 어떤 작업을 처리해야하거나 컴포넌트를 업데이트하기 전후로 어떤 작업을 처리해야 할수도있고, 또한 불필요한 업데이트를 방지해야 할 수도 있습니다. 이때 컴포넌트 라이프사이클 메서드를 사용하면 됩니다. 클래스형 라이프사이클의 경우 mount, update, unmount 3가지 과정..

useMemo와 useCallback에 대해 설명해주세요. 결론 둘 다 React Hook에서 불필요한 랜더링과 연산을 제어하는 용도로 성능 최적화에 목적이 있는 Hook입니다. 설명 uesMemo와 useCallback을 이해하기 위해선 메모이제이션을 먼저 알 필요가 있습니다. 메모이제이션이란 기존에 수행한 연산의 결괏값을 어딘가에 저장해 놓고 동일한 입력이 들어왔을 때 이전의 값을 재사용하는 프로그래밍 기법입니다. 메모이제이션을 적절히 사용하면 연산의 중복을 방지함으로써 메모리를 좀 더 쓰더라도 애플리케이션 성능을 향상할 수 있습니다. React에서 useMemo와 useCallback은 메모이제이션 기법을 사용하여 불필요한 랜더링 또는 연산을 제어하는 용도로 성능을 최적화한다는 점이 같습니다. us..

📝 한 일 주중 오전 8-12시까지 모각코 스터디 리액트 context API, redux 공부하기 면접 2 과제 전형 1개 회사 코딩 테스트 1개 🧐 알게 된 것 면접 피드백을 통해서 외워온 듯한 느낌이 드는 답변이 좀 많다. 이를 보완해야겠다. 좀 더 자신감 있게 경험을 추가해서 말하면 좋을 것 같다. 너무 굳어있는 느낌을 보완해야 한다는 것을 깨달았다. 면접 질문 중에 이전 회사에 프로젝트에 대해 여쭤봤는데 적극적이지 않았던 것 같다는 말을 들었는데, 나를 되돌아보게 되었다. 적극적이지 않았다는 말에는 공감하지 않는다. 하지만 방향성을 잘못 잡았던 것을 깨달았다. 처음 MES 프로젝트에 투입되었을 때 MES 용어 자체가 이해 가질 않아 회의할 때나 개인적으로 여쭤볼 수 있는 시간이 될 때 MES제조..

📝 한 일 알고리즘(linked List, tree, graph, DFS, BFS) 프로그래머스 코테 풀기 회사 면접 1 코테 1 CS공부 면접 스터디 만들어 스터디 진행 ❗️ 느낀 점 일요일에 코테를 보면서 DFS, BFS에 대한 부족 힘을 느꼈고 그 내용들을 공부하고 있다. 일요일에 본 회사의 코테의 결과가 나왔는데 합격이었다. ㅎㅎ 예전엔 코테는 광탈이었는데 이제는 코테 합격률이 오르고 있다. 월요일까지는 기대하던 회사 서류가 떨어져서 슬펐는데. 화요일부터는 너무 많이 붙어서 일정관리가 빠듯하다. 헤이 조이스 채널을 알게 되어서 시니어 개발자의 연사를 들었다. 헤이 조이스에서 수강생을 대상으로 오픈 채팅방을 열어줬는데 많은 여성 개발자들이 있다는 것이 든든했다. 요즘은 코드를 치는 공부나 코테를 공..