프론트엔드 뷔폐 혹은 찍먹이 되었다
어쩌다 보니.. 프론트엔드 맛집..뷔페가 되었다 반응형 + 모듈화 웹 퍼블리싱 강의를 듣고 이전에 한 번씩은 배운 자바스크립트, ES6 문법을 이번에 다시 한 번 정을수 강사님과 꼼꼼히 배우며 클론 코딩한 것에 스스로 자바스크립트를 덕지 덕지 붙여볼 생각이며, 면접을 보러 간 곳이 Vue 를 써서 성의를 보이고자 어쩌다 Vue.. 그런데 왠 걸… 리액트 보다 일단은 간단 … Read more
IT
IT 관련한 기사, 프로젝트, 경험을 담은 페이지 입니다.
9월 4일 한국 경제 IT 관련기사
오랜만에 올리는 9월 4일 월요일 한국경제 IT 관련 기사입니다. 바빠서 한국 경제 기사 헤드라인만 읽는 눈팅을 하다가 포스팅합니다. 열악한 처우 ㅠㅠ 해외로 빠지는 인재들.. 참 아쉽네요.. 냄새도 맡는 AI라니..! 이제 치킨도 로봇팔이 굽고 치킨 탄 냄새가 나는지 안나는지 확인도 할 수 있는 그런 시대가 오는건가요.. AI 기술은 대체 어디까지 적용될지..!
Vue 개발 환경 설정 완료
어쩌다 Vue.. 물론 Node.js와 React와 Redux도 소화하기 좀 바쁘지만.. 마침 면접을 보는 곳이 Vue를 써서 알아두면 좋겠다 싶어서 개발환경을 설치 했다. (기술 면접에서 떨어졌지만 나에게 남은 것은 Vue와 업데이트된 포트폴리오 ㅋㅋㅋ예쓰!) 코딩애플에서 프론트엔드 풀강의를 지른 것을 매우 잘했다고 생각한다. 그 강의를 통해서 React, ES6, JS, git에 지금의 Vue도 정말 많은 것을 누리고 있음. 정말 아깝지 … Read more
유데미 알고리즘 1회독 완강을 자축하며
유데미 알고리즘 1회독 완강을 자축하며 다짐과 글을 올립니다. 하루에 한 강씩 듣자! 를 목표로 한 달내 1회독 완주를 목표를 하였고 목표에 달성하였습니다! 짝짝짝! 이 분야에서 느려도 제 속도대로 규칙적으로 꾸준히하는 것을 참 잘하는것 같습니다. 이런 나를 칭찬해~ㅎㅎ 유데미 알고리즘 강의 링크 첨부 https://www.udemy.com/course/coding-interview-bootcamp-algorithms-and-data-structure/learn/lecture/8547236?start=15#content 유데미 알고리즘 강의를 들으면서 즐거웠던 점 영어로 강의를 들으니 신선하고 … Read more
로켓펀치 취준컴퍼니 집무실 당첨
오늘은 희비가 갈리는 소식이 있는데요, 하나는 정말 열심히 준비했던 정보처리 기사 실기를 떨어졌다는 점..(괜차나 컴공 4년한 애들이 하는거 한번에 될리가 ㅎㅎ) 다른 하나는 로켓펀치에서 지원한 취준컴퍼니에 합류되어서 같이 스터디 할 수 있는 인원과 공간을 제공 받았습니다. 야호~! 어디서 들은 말로 지금 취업 전이 가장 열심히 공부하는 시기라고 하는데요, 한 번 마음 맞는 사람들과 좋은 공간에서 … 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
Figma & CSS 모듈화 작업
[CSS 모듈화] Figma에서 부터 자주쓰는 버튼, 상단탭 등을 분리시켜 모듈화 한다. 만약 되어 있지 않다면 프론트엔드 개발자가 공통된 부분을 위의 그림과 같이 분리 시킨다. 이 것을 바탕으로 프론트엔드 엔지니어는 하단의 순서로 CSS를 분리한다. 초기셋업 1. 파일 셋업 2. 상속시킬 서체, 글씨크기, 줄간격 : 글뭉치 것을 사용하면 됨 3. 디자이너들이 쓰는 색 토큰 등록 javascript window … Read more
나의 첫 코딩 테스트
엄연히 말하면 두 번째이지만 왜냐하면 첫 번째는 AI 기업인데 코딩 테스트라기 보다는 풀스택으로 서버에서 데이터를 주고 웹에 뿌려서 전송해주는 과제였고, (아직도 기억나는) 라텍스(침대ㅋㅋ) 함수를 사용하는 과제였는데, 받고 나서 몇 일 고민하고 죄송합니다.. 못하겠습니다.. 로 포기한 기억이 있다. 그리고 이력서에 있는 자바를 뺐다… 자바야.. 잘 지내지..? 그 이후로 지원하게 된 기업에서 코딩 테스트를 받았는데 분당에 있는 … Read more
잡아라어플라이 경기도일자리재단 자바스크립트 활용 첫째 주
잡아라어플라이 경기도일자리재단 자바스크립트 활용과정을 8월 21일 월요일 부터 시작했습니다. 11월 9일에 수료되는 과정입니다. 올해 안에 알고리즘, node.js, React, Javascript 포함하여 꼼꼼히 리뷰하고 프로젝트 진행해서 꼭 취업할 수 있도록 Figma 부터 반응형까지 탄탄히 준비하도록 하겠습니다. 하단은 제가 지원할때 사용하였던 잡아라어플라이 웹사이트입니다. https://apply.jobaba.net/bsns/bsnsDetailView.do?bsnsSeq=2384 알게 된 경로는? 국민취업제도 관계자로부터 서울시에 주관하는 강동구 일자리 교육과 취업 과정이 있다고 안내를 … Read more