이직 후 출근 첫째날의 기록

전날에 그렇게 떨리거나 긴장이 되지 않았는데, 출근 전 갑자기 긴장이 되었다. 다행히 출근이 자율 출근제로 10시 반까지 가면 된다고 해서 9시 반에 출발하여 지옥철을 피할 수있었다. 그러나 앞으로 10시 15분 미팅에 참여해야 해서, 9시에는 출발해야할 것 같다. 첫 출근의 기록을 해보도록 하겠다.   회사는 강동역과 길동역에 위치하고 있는데, 출근 하기 이틀 전 비가 주룩 주룩 … Read more

9개월 만에 외국 회사 개발자로 이직 성공 후기

안녕하세요, 드디어 저도 프론트엔드 개발자가 되었습니다! Yayyyyyyy! 저의 성향에 잘 맞춘 외국 회사의 프론트엔드 개발자가 되었구요, 이에 따른 지원 방법과 면접 후기에 대해 공유하고자합니다.   이력서를 몇 통을 넣었는가? 총 56 곳에 넣었고 저는 로켓펀치와 잡코리아를 주 플랫폼으로 삼았습니다. 로켓펀치 바로가기 https://www.rocketpunch.com/ 그리고 그 외에 링크드인과 원티드에도 이력서를 올렸던 것으로 기억하나, 주 수단으로 삼지 않았습니다. … Read more

프론트엔드 뷔폐 혹은 찍먹이 되었다

어쩌다 보니.. 프론트엔드 맛집..뷔페가 되었다 반응형 + 모듈화 웹 퍼블리싱 강의를 듣고 이전에 한 번씩은 배운 자바스크립트, ES6 문법을 이번에 다시 한 번 정을수 강사님과 꼼꼼히 배우며 클론 코딩한 것에 스스로 자바스크립트를 덕지 덕지 붙여볼 생각이며,   면접을 보러 간 곳이 Vue 를 써서 성의를 보이고자 어쩌다 Vue.. 그런데 왠 걸… 리액트 보다 일단은 간단 … Read more

9월 4일 한국 경제 IT 관련기사

오랜만에 올리는 9월 4일 월요일 한국경제 IT 관련 기사입니다. 바빠서 한국 경제 기사 헤드라인만 읽는 눈팅을 하다가 포스팅합니다.   열악한 처우 ㅠㅠ 해외로 빠지는 인재들.. 참 아쉽네요.. 냄새도 맡는 AI라니..! 이제 치킨도 로봇팔이 굽고 치킨 탄 냄새가 나는지 안나는지 확인도 할 수 있는 그런 시대가 오는건가요.. AI 기술은 대체 어디까지 적용될지..!  

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

로켓펀치 취준컴퍼니 집무실 당첨

분당 집무실

오늘은 희비가 갈리는 소식이 있는데요, 하나는 정말 열심히 준비했던 정보처리 기사 실기를 떨어졌다는 점..(괜차나 컴공 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 모듈화 작업

button

[CSS 모듈화] Figma에서 부터 자주쓰는 버튼, 상단탭 등을 분리시켜 모듈화 한다. 만약 되어 있지 않다면 프론트엔드 개발자가 공통된 부분을 위의 그림과 같이 분리 시킨다. 이 것을 바탕으로 프론트엔드 엔지니어는 하단의 순서로 CSS를 분리한다. 초기셋업 1. 파일 셋업 2. 상속시킬 서체, 글씨크기, 줄간격 : 글뭉치 것을 사용하면 됨 3. 디자이너들이 쓰는 색 토큰 등록 javascript window … Read more