설 멸정 타입스크립트 그리고 텐서플로우 공부하기

회사 모든 개발의 99퍼센트는 React, Redux로 이루어져 있는데, 하필 관리 대시보드는 angular 와 typescript로 이루어져있고, 이 부분의 버그 건이 들어왔다. 백엔드 개발자 왈 이 프로젝트는 7년 전에 만들어 진 것이라 전체적인 개선이 필요하다고 하여, 어쩔 수 없이 독학으로 Angular와 Typescript를 공부해야할 판.   그래서 명절에 코드잇 강의로 typescript 공부 중~ 올해는 인공지능 대학원 과정을 들으면서 … Read more

2년차 (1년 4개월 채운) 프론트엔드 개발자의 기술스택과 개발 공부 중인 것 정리

회사에서 하는 것  ES6 문법 React Redux component lifecycle & functional Real time dashboards 기능 개발 : 정부 프로젝트 요구 사항에 맞춘 실시간 대시보드 개발 (센서, 공용와이파이 관리, 실시간방송 CRUD등) 정부 프로젝트 수주를 위한 GS certification 검증용 대시보드 개발 Reponsive web HTML5, CSS 모든 대시보드의 유지보수 및 버그 intl 다국어 작업 및 배포 지도, 차트, … Read more

국민대학교 대학원 인공지능학과 중간고사와 논문 모임방 가입

올 해 가을 학기부터 국민대학교 소프트웨어학부 인공지능학과 대학원을 다니며 매주 토요일을 오전 9시부터 저녁 6시까지 수업을 듣고 있다. 그 간 프레젠테이션 발표, 소소한 파이썬 테스트 그리고 중간고사 시험을 치뤘음. 중간고사는 무난하게 잘 통과한것 같다. 다행히 회사 일이 엄청 바쁜 시즌이 아니라서 덕분에 틈틈히 인공지능을 공부 할 수 있었고 실제로 시험을 치루면서 배워나가는 부분이 있어서 시험의 … Read more

프론트엔드 개발 토크 : 오늘처럼 여유있는 날에는 React hook

모처럼 나를 많이 찾지 않는 오늘처럼 여유있는 날에는~~~ 메세지와 티켓이 날라올까 틈틈히 회사 메일을 확인하지만, 이런 날이 있음에 참 감사하다.   덕분에 오랜만에 React hook 영상 정주행!   오늘의 목표는 오전에 회사 연봉 협상 관련해서 또? 이메일을 쓰고 곧.. 1년차가 다 되어 가거등요.. 그리고 오후에는 React Hook, 에러 핸들링, 그리고 여유되면 자바스크립트 알고리즘 강의 정도를 … Read more

프론트엔드 리액트 개발자 링크 모음

자바스크립트 : 문서 (every, reduce 이런거 보러갈때 유데미에서 사용함) https://developer.mozilla.org/en-US/docs/Web/JavaScript 유데미 : 자료구조, 리액트 등 관심있는 강의를 가끔 할인가에 구매해서 평생소장 가능 https://www.udemy.com/   리액트 https://react.dev/ 리덕스 https://redux.js.org/ 리덕스 툴킷 https://redux-toolkit.js.org/tutorials/quick-start 리액트 : 이 분 설명 핵심을 재미있게 설명 https://www.youtube.com/@cosdensolutions 뭔가 정리 잘되어 있는 리액트 문서 https://www.w3schools.com/react/react_class.asp   Mui : UI & UX https://mui.com/material-ui/getting-started/ CoreUI … Read more

useRef에 대해 ChatGPT 답변

상사가 쓴 코드에 useRef 가 있는데 읽단 긁어서 ScrollDownButton을 만들었지만, 원리에 대한 이해가 제대로 되지 않았다. 그래서 ChatGPT에게 묻고 받은 답변! 어떻게 보면 개발자에게 이만큼 좋은 친구이자 선생님인 ChatGPT   useRef는 React에서 함수 컴포넌트에서 DOM 요소에 접근하거나 특정 값을 유지하는 데 사용되는 Hook입니다. 여러 이유로 useRef를 사용할 수 있습니다: DOM 요소에 접근: useRef를 사용하면 함수 … Read more

Vue 개발 환경 설정 완료

Vue Hello World!

어쩌다 Vue.. 물론 Node.js와 React와 Redux도 소화하기 좀 바쁘지만.. 마침 면접을 보는 곳이 Vue를 써서 알아두면 좋겠다 싶어서 개발환경을 설치 했다. (기술 면접에서 떨어졌지만 나에게 남은 것은 Vue와 업데이트된 포트폴리오 ㅋㅋㅋ예쓰!) 코딩애플에서 프론트엔드 풀강의를 지른 것을 매우 잘했다고 생각한다. 그 강의를 통해서 React, ES6, JS, git에 지금의 Vue도 정말 많은 것을 누리고 있음. 정말 아깝지 … Read more

유데미 알고리즘 1회독 완강을 자축하며

유데미 알고리즘 1회독 완강

    유데미 알고리즘 1회독 완강을 자축하며 다짐과 글을 올립니다. 하루에 한 강씩 듣자! 를 목표로 한 달내 1회독 완주를 목표를 하였고 목표에 달성하였습니다! 짝짝짝! 이 분야에서 느려도 제 속도대로 규칙적으로 꾸준히하는 것을 참 잘하는것 같습니다. 이런 나를 칭찬해~ㅎㅎ 유데미 알고리즘 강의 링크 첨부 https://www.udemy.com/course/coding-interview-bootcamp-algorithms-and-data-structure/learn/lecture/8547236?start=15#content 유데미 알고리즘 강의를 들으면서 즐거웠던 점 영어로 강의를 들으니 신선하고 … Read more

웹사이트를 Figma로 전환 후 반응형 웹페이지 클론 코딩

[9월 1일 금요일 ~ 9월 4일 월요일까지 과제] 여태까지 배운 기술 (반응형, 레이아웃, css, position, flex) 등을 활용하여 선생님 웹페이지 각자 클론 코딩 과제 진행 중~ 작업 순서는 다음과 같다.   [웹사이트를 Figma로 전환하기!!] 나의 계정 Figma로 들어가서 resource button – Plugin 누르기 html to design 플러그인 설치 주의 사항 한 달에 10번만 사용 가능 … Read more

반응형과 미디어 쿼리

반응형웹

html에 들어가 있는 이 부분이 반응형의 시작 <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> content=”width=device-width 디바이스의 너비에 맞춰서 css를 넣어줘라 디바이스 사이즈 링크 https://yesviz.com/viewport/ [미디어 쿼리 구문] 미디어 쿼리란? 어떤 특정 사이즈에서 이렇게 하고 싶다 라고 하는 것임 //0 ~ 720px 까지 @media screen and (max-width : 720px) {   body {background-color: red;} } => @charset ‘utf-8’ 처럼 … Read more