전체 글 (23) 썸네일형 리스트형 [강연] 한국 IT 산업과 직장이야기 - 한빛앤 김수보 소장님 5월 23일 진행된 교내 특강에서 한빛앤 김수보 소장님이 를 주제로 강연을 해주셨다. 먼저 국내 IT산업 현황을 수치화한 자료를 보여주시며 우리나라 개발자 수가 어느정도인지부터 알려주셨다.국내 직업종사자 2500만명중 1.5%인 35만명정도가 IT산업에 종사하고, 그 중 5~60%인 20만명 정도가 개발자라는 사실...(이 안에서 살아남으려면 어떻게 해야하나 라는 생각으로 집중해서 들을 수 있었다.) 그리고 IT산업을 B2B, B2C로 나누어 각각의 특성에 대해 자세히 설명해주셨다. 예를 들어 B2B는 안정적이지만 개발 잘한다고 돈을 더 벌게 되지는 않는다는 것, B2C는 그에 반대로 B2B에 비해 덜 안정적이지만 개발을 잘하면 그에 맞는 대우를 받을 수 있다는 점 등등을 말해주셨다. 특히, 평소에 잘.. [전시] AI EXPO KOREA 2024 국제인공지능대전 관람 후기 5월 2일 코엑스에서 진행하는 2024 국제인공지능대전에 다녀왔다. 작년에는 코엑스에서 열었던 메타버스 엑스포에 다녀왔었는데 꽤 재미있는 경험이었기 때문에 이번에는 인공지능기술에 대한 기대를 가지고 방문하게 되었다. 친구들과 함께 오전 오픈 시간에 맞춰 도착했는데도 불구하고 줄을 서서 입장해야 할 정도로 사람이 많아서 조금 놀랐다. 입장하자마자 관람하게 된 부스는 위고 로보틱스라는 기업이었는데 4족 보행 로봇이 계단을 오르내리면서 움직이고 있었다. 로봇이 주변 지형을 직접 인식하고 움직이는 듯 했고 복잡한 지형에서도 안정적이어서 진짜 살아있는 동물같이 보이기도 했다. CCTV 카메라를 달아 모니터링을 하거나 열화상 카메라를 달아 화재감지도 할 수 있다고 하니 실제로 탐사 분야나 물류 이송에 충분히 활용될.. [컨퍼런스] 2024 제 2회 이노베이션 아카데미 개발자 컨퍼런스 후기 4월 18일 진행된 이노베이션아카데미 개발자 컨퍼런스 참여 후기입니다. 42서울 카뎃으로 있다보면 이런 개발자 컨퍼런스나 기업 방문 설명회에 참여할 수 있는 기회가 꽤 많이 주어진다. (행사 때마다 제공받는 간식은 덤!) 슬랙에 공지를 보고 인트라 이벤트에 등록하거나 미리 등록하지 못했더라도 당일 현장참여가 가능하다. 올해 2월에 2024 제 1회 컨퍼런스가 한번 있었는데 시간 상 가지 못했고 이번 두 번째 컨퍼런스에는 참여할 수 있게 되었다. 이번 컨퍼런스 주제는 "금융 IT 기술"이었다. 먼저 금융보안원 박대원 책임연구원님과 라인페이 김세빈 데이터 사이언티스트님의 순으로 강연을 해주셨고 그 뒤에 패널 토크가 이어졌다. 두 분의 강연 내용을 중심으로 정리해보려고 한다. 금융 IT 기술과 소프트웨어.. [Next.js] Parallel Routes 모달에 적용하기 퀴즈 방 입장 시 닉네임을 받는 모달을 병렬 라우팅이 가능한 페이지로 구현해 볼 것이다. 모달 구현 내용은 여기https://kwoooo.tistory.com/18 [React/Next.js] 모달 컴포넌트 만들기이전에 모달 컴포넌트는 Mui의 Modal을 조금만 커스텀해서 사용했었는데 이번에는 직접 만들어보았다...! 모달(팝업)창은 페이지 전체를 덮을 수 있도록 화면의 최상단에 위치해야 한다. 그래서 Nexkwoooo.tistory.com 이를 병렬 라우팅으로 구현하려는 이유는 같은 종류의 모달을 각각 다른 페이지에서 열 수 있어야 하며, url로 공유도 가능해야하기 때문이다.즉, 모달 페이지가 기존 페이지 위로 부분 렌더링 될 수 있어야하고, 독립적인 페이지로도 존재해야 한다는 것. 일단 p.. [모던 자바스크립트 Deep Dive] 16장 프로퍼티 어트리뷰트 16.1 내부 슬롯(Internal Slot)과 내부 메서드(Internal Method)내부 슬롯과 내부 메서드: 자바 스크립트 엔진의 구현알고리즘을 설명하기 위해 EMCAScript 사양에서 사용하는 의사 프로퍼티와 의사 메서드. ([[…]] 이중 대괄호로 감싸진 이름들): 자바스크립트 엔진의 내부 로직이므로 원칙적으로 직접 접근하거나 호출할 수 있는 방법을 제공하지 않음. 하지만 일부에 한해 간접적으로 접근할 수 있는 수단을 제공하기는 한다. e.g) ‘[[Prototype]]’ → ‘proto’로 간접 접근 가능 16.2 프로퍼티 어트리뷰트(Property Attributes)와 프로퍼티 디스크립터(Property Descriptor) 객체프로퍼티 어프리뷰트는 객체가 가지는 내부적 특성, 프로퍼티.. [Stmop.js/React] 소켓으로 페이지네이션 UI 구현하기 실시간으로 진행중인 게임방 목록을 메인화면에서 보여주기 위해 소켓으로 페이지네이션을 구현해보았다. 원래 UI는 무한스크롤(커서 기반 페이지네이션)이었지만 실시간으로 게임방 목록이 업데이트 될 경우 이전에 불러온 데이터에서 변화가 생길 수도 있고(입장인원 수 등), 목록이 최신순으로 업데이트 되면서 그 순서가 바뀔 수도 있기 때문에 충분히 데이터가 꼬일 수 있겠다는 생각이 들었다. 그래서 페이지네이션을 페이지 기반으로 변경하기로 하고 UI에는 페이지네이터 컴포넌트를 추가해주기로 했다. 그럼 stomp를 이용해 어떻게 구현할 것인가... 사실 page정보가 반영된 topic을 구독하고 서버가 던져준 데이터를 그대로 렌더링 시키면 된다. 그런데 메시지 자체는 데이터가 업데이트 되었을때만 보내준다는 것이 문.. [React/Next.js] 모달 컴포넌트 만들기 이전에 모달 컴포넌트는 Mui의 Modal을 조금만 커스텀해서 사용했었는데 이번에는 직접 만들어보았다...! 모달(팝업)창은 페이지 전체를 덮을 수 있도록 화면의 최상단에 위치해야 한다. 그래서 Next.js 앱의 가장 최상단 레이아웃에 페이지들이 렌더링 되는 영역 위로 modal-root를 만들어 어디서든 그 modal-root에 모달이 렌더링되도록 해 볼 것이다. app 폴더 루트에 있는 layout.tsx import './layout.css'; export default function RootLayout({ children, }: Readonly) { return ( {children} ); } 그리고 Modal.tsx 에서 부모 컴포넌트 바깥의 DOM 노드(modal-root div)에 렌더링.. [모던 자바스크립트 Deep Dive] 15장 let, const 키워드와 블록 레벨 스코프 var 키워드의 문제점 : ES5까지 변수를 선언할 수 있는 유일한 방법은 var 키워드를 쓰는 것이었다고 한다. var 키워드는 다른 언어와 구별되는 독특한 특징이 있으므로 주의해서 사용해야 한다. 중복 선언 허용 : var 키워드로 선언된 변수는 같은 스코프 내에서 중복 선언이 된다. 중복 선언 시에 초기화문이 있으면 var 키워드가 없는 것 처럼 동작하고, 초기화문이 없으면 무시된다. var x = 1; var y = 1; var x = 100; // x = 100; var y; // 무시 console.log(x); // 100 console.log(y); // 1 → 이 특징때문에 변수를 중복 선언하면서 값을 할당하는 경우, 의도치 않게 먼저 선언된 변수 값이 변경되는 부작용이 발생할 수 있다... 이전 1 2 3 다음
