Dev study and Repost

와이어프레이밍과 프로토타이핑 쉽게 이해하기 Wireframing and Prototyping​사용자 경험(UX) 설계는 디지털 제품을 더 편리하고 매력적으로 만드는 과정이에요. 여기서 중요한 개념들을 간단히 설명할게요.​와이어프레이밍과 프로토타이핑 쉽게 이해하기먼저, 사용자 경험 글쓰기는 앱이나 웹사이트에서 보이는 글을 만들어 사용자에게 더 나은 경험을 주는 일이에요. 사용자가 쉽게 이해하고 따라갈 수 있도록 도와줍니다.​정보 구조는 정보를 논리적으로 정리하고 이름을 붙여 사용자가 쉽게 찾을 수 있게 만드는 작업이에요. 이를 확인하기 위해 설계자는 카드 분류라는 방법을 써서 정보가 잘 정리되었는지 점검합니다.​사이트맵은 디지털 제품의 전체 구조를 그림으로 보여주는 도구예요. 마치 건물의 설계도라고 생각하..

Moment.js 설치와 간단 활용법 npm install moment 날짜와 시간 다루기​날짜와 시간을 다루는 npm 패키지입니다.자바스크립트(javascrpit) 기본 Date 객제로 표현이 가능하지만,포맷팅이나 계산 반복시 코드가 복잡해지는 경우가 많다.​이런 것을 쉽게 해결하고 날짜, 시간을 다루는데 유용한 패키지인 moment 패키지 정보를 간단하게 글로 남겨본다.​https://www.npmjs.com/package/moment 참 오래된 패키지이다. 깃헙 소스를 보니 최신 업데이트가... 2024년2월..실제 활용 소스 기준으론 2023년12월 이후 업데이트가 없다.​공식홈페이지 링크: https://momentjs.com/ Moment.js | HomeFormat Dates moment()..

vscode 줄바꿈(Word Wrap) 설정 방법 간단 안내 - 코드가 한줄로 길게 보일때 에디터 옵션, 편집, 단축키, 스크린샷 안내​vscode 또는 다양한 IDE를 사용하여 소스코드를 입력 하다보면,특히 여러창을 띄우고 작업하다보면, 작업중인 화면의 너비가 좁아서 긴 길이의 소스코드가 짤려서 보이지 않는다.36번 소스코드를 보면 실제 입력 된 길이는 더 길다. 뒤쪽의 내용이 가려져 보이지 않는다.이 경우, 소스가 누락 또는 보지 못하게 된다.​어떠한 화면 너비에서도 소스코드 라인/줄 전체를 볼수 있도록, 설정이 가능한데,내가 선호하는 설정 방법을 기록으로 남겨본다.word wrap 설정 변경 - 단계 순서대로 진행 설정, 옵션/편집 창을 확인한다. 또는 cmd + "," 단축키로 설정 옵션/편집 ..

자바스크립트 비동기 처리 쉽게 이해하기: 콜백 지옥 탈출, Promise와 async/await 정리​평상시 익숙하지만, 갑자기 헷갈리는 경우가 있는 동기/비동기 코딩..짧게 핵심있게, 요약 정리해보았다.동기 vs 비동기동기(Sync) : 한 작업이 끝나야 다름 작업 처리, 직렬 처리비동기(Async): 기다리지 않고 다음 작업 진행, 병렬 처리​비동기 처리 방식*콜백 callback초창기 비동기 방식function oldTask(cb) { setTimeout(() => cb("완료!"), 1000);}oldTask(result => console.log(result)); 단점, 콜백 중첩으로 콜백 지옥 발생​*프로미스 Promise비동기 결과를 다루는 객체const fetchData = () => n..

맥북 node js 설치 macOS Node.js install 설치 버전 확인​웹 개발 시 node.js를 사용하는 경우가 있습니다.이를 위해 맥북에 nodejs를 설치하는 방법을 간단하게 글과 사진으로 남겨봅니다.숫자 순서에 따라 node.js를 설치 인스톨 install 하면 됩니다.1. node.js 공식 홈페이지 접속 https://nodejs.org/konode.js 공식 홈페이지 주소는 아래와 같습니다. 구글 또는 네이버 등의 검색 페이지에서 검색 후 가능하나,위조된 피싱사이트로 접속되지 않도록 주의해서 접속합니다.https://nodejs.org/ko Node.js — 어디서든 JavaScript를 실행하세요Node.js® is a JavaScript runtime built on Chro..

JetBrains 의 코딩 에이전트 Junie EAP 대기자 신청​여러가지 프로그래밍 개발 도구를 사용에 있어, 요즘은 인공지능 도움 플러그인, 패키지 등이 많이있습니다.최근 이메일 받은편지함을 확인하던중 젯브레인에서도 코딩 도우미(코딩 에이전트)를 제공한다고 하여 서비스 이용을 위해 대기자 명단에 신청을 했습니다.​https://www.jetbrains.com/junie/?map=2#join-waitlist Junie, the coding agent by JetBrainsDelegate your tasks, focus on the resultswww.jetbrains.com위의 웹페이지 내용중 일부 내용을 보면위임, 반복, 검토 등을 junie를 이용하여 편리하게 할수 있고,프로젝트의 일관성 유지, 코..

효율적인 클라우드 가상화의 핵심: Docker, Node.js, Visual Studio Code​클라우드 가상화를 할 때 다양한 도구를 이용할 수 있습니다.이번 포스팅에서는 도커, 노드js, vscode를 간단하게 정리해 보았습니다.​Docker 도커 Docker는 컨테이너를 사용하여 애플리케이션을 빌드하고 실행하며 공유할 수 있는 소프트웨어 플랫폼입니다. Docker는 컨테이너를 생성, 관리 및 오케스트레이션 할 수 있는 도구와 서비스를 제공합니다. 이를 통해 소프트웨어 플랫폼을 저장하고 배포 후, 애플리케이션을 구축하고 실행하며 공유할 수 있습니다. 개인용으로는 무료 제공됩니다.​Node.js Node.js는 웹 브라우저 외부에서 JavaScript 코드를 실행할 수 있게 해주는 도구입니다. 데이터..

사이버 보안 기본 사항 Cybersecurity Fundamentals 요약 정리​정보 보안과 사이버 보안이란 무엇인가?What is information security and cybersecurity?물리적 보안은 건물, 보안 카메라, 장비, 재산 등의 자산을 도난, 파괴 행위, 화재, 자연 재해 등의 물리적 위협으로부터 물리적으로 보호Physical security is the practice of physically protecting assets like buildings, security cameras, equipment, and property from physical threats such as theft, vandalism, fire, and natural disasters.​사이버보안은..

컴퓨터 기초 요약 Computer Basics​*국문1현대 컴퓨팅은 이진수 개념에서 비롯되었습니다. 이는 산업 전반에 걸쳐 기업들이 운영을 개선하고 고객 또는 사용자를 더 잘 이해하며, 수익을 증대시키는 등 다양한 통찰을 얻는 데 중요합니다.​2컴퓨터 과학자들은 튜링 기계에 기반하여 여러분이 매일 사용하는 컴퓨팅 장치를 만듭니다.​3초기 컴퓨터는 운영 체제나 사용자 친화적인 인터페이스가 없는 메인프레임이었습니다.​4컴퓨터 네트워크는 유선 기술로 시작되었습니다.​5주변 기기는 컴퓨팅 장치와 인터페이스를 생성하는 장치입니다.​6IT 전문가들은 데이터 단위의 저장 및 처리 능력을 설명하기 위해 비트를 사용합니다.​7클라우드는 속도, 보안, 공유, 확장성 및 백업에 필수적이 되었습니다.​8확장 가능하다는 것은 ..

구글 클라우드 인공지능 어텐션(주목) 메커니즘 퀴즈 Attention Mechanism AI​구글의 일반 인공지능 개발자 관련 강좌에서 어텐션 메커니즘에 대한 내용 수강중 있는 퀴즈입니다.어텐션 메커니즘에 관한 문제와 보기, 정답을 적어보았습니다.정답은 앞에 v 표시로 확인 가능합니다.​​어텐션(주목) 메커니즘 퀴즈 - 구글 클라우드1.어텐션 메커니즘의 두 가지 주요 단계는 무엇인가요?어텐션 가중치 계산 및 출력 단어 생성.컨텍스트 벡터 계산 및 어텐션 가중치 생성.v 어텐션 가중치 계산 및 컨텍스트 벡터 생성.컨텍스트 벡터 계산 및 출력 단어 생성.​​2.텍스트를 한 언어에서 다른 언어로 번역할 때 사용할 수 있는 머신러닝 아키텍처의 이름은 무엇인가요?장단기 메모리(LSTM)v 인코더-디코더신경망컨볼루..