HSS

양질의 정보를 실행 계획으로써 실천으로 옮기는 부분은 온전한 내 몫이다. 오늘 한 일 - 입사지원 - 포트폴리오 반응형 웹 앱 만들기 1, 2일차 오늘의 회고록 - 포트폴리오 사이트 만들 때 w-full h-screen flex flex-col justify-center item-center 으로 레이아웃 잡기 - justify-between 옵션을 사용하면 양 옆으로 나누어짐 - index.css에서 @layer base, @apply 메소드를 통해 태그 별 전역 css 설정을 할 수 있음 - hidden 옵션과 md, lg 옵션을 활용해서 반응형페이지 만들기 - toggle 상태에 따라 햄버거 메뉴와 X표 만들기 - z-10 속성으로 스택 우선순위 바꾸기 - react-scroll 라이브러리 활용하기..

오늘 한 일 - 입사지원 - kill-9 port 에러핸들링 정리 - DogGain 반응형 웹 페이지 리팩토링 오늘의 회고록 책을 통해 지식을 습득 할 때 속독을 통해 빠르게 학습하는 방법 1. 주변시를 활용에 한 번에 여러 단어를 읽어내자. 한 번에 문장 하나씩 눈으로 사진 찍는다 생각해보자. 2. 손이나 펜을 통해 읽어나가는 부분을 짚어가면서 읽자. 3. 속발음을 없애자. 속발음은 이해속도를 늦춘다. 읽으면서 하나 둘 셋 숫자를 세거나, 속발음이 독서속도를 늦추고있다고 인지하자. TailwindCSS는 가장 작은 size일 때를 default css값으로 시작해서 sm, md, lg 에 대응하는 size가 됐을 때 css를 추가하는 방식으로 반응형 웹페이지를 구성한다. ES7+ React/Redux/..

os : Macbook Air m1 , version : 12.3.1 사용하려는 PORT_NUM : 5000 문제상황 : 특정 포트가 정상적으로 종료되지 않고, 특정 node가 지속해서 해당 포트 번호를 점유해 서버가 안 켜지는 에러가 발생했습니다. 해결방법 1. 아래 명령어를 통해 어떤 PID(Process ID)에서 해당 포트번호를 쓰고 있는지 확인합니다. sudo lsof -i : {PORT_NUM} 2. 해당 PID 작업을 삭제합니다 (해결) kill -9 {PID_NUM}

집 : 집중해서 읽을 두꺼운 책 교통수단 이용시간 : 재미 있으면서 얇은 책 자투리 시간 : 업무에 도움이 될 것 같은 표지이면서 나에게 도움 되는 책 일상 속에서 책과 가까워지자. 책을 통해 꾸준하게 CS와 프로그래밍 지식을 채우자. 오늘 한 일 - 객체 지향 복습 / 객체 지향 프로그래밍의 특징 4가지, 프로토타입이란, 상속 원리 - 이력서 리뉴얼 마무리 오늘의 회고록 캡슐화는 코드나 데이터의 은닉(속성은 감추고 메소드만 노출)에 포커스가 맞춰져 있음 추상화는 클래스를 사용하는 사람이 필요하지 않은 메소드 등을 노출시키지 않고, 단순한 이름으로 정의하는 것에 포커스가 맞춰져 있음 (메소드를 메소드가 아닌 단순한 이름으로 부르게끔) ex: n key입력 => 키보드 입력 select 이벤트 발생 => ..

Object Oriented Programming(OOP) OOP 이해하기 - 객체 지향이란 - 객체 지향 속 각 객체의 특징 클래스 기반 언어 vs 프로토타입 기반 언어 - 클래스 기반 언어 - 프로토타입 기반 언어 - 클래스 문법 vs 생성자 함수 비교 - 클래스 문법적 설탕 논쟁 - constructor 생성자 함수 1. 객체 지향(OOP - Object Oriented Programming) 이해하기 객체 지향(OOP - Object Oriented Programming)이란? OOP는 실세계에 존재하고 인지하고 있는 객체(Object)를 소프트웨어의 세계에서 표현하기 위해 객체의 핵심적인 개념 또는 기능만을 추출하는 추상화(abstraction)를 통해 모델링하려는 프로그래밍 패러다임을 말한다..

“모방은 창조의 어머니다.” - 아리스토텔레스 10.7(금) ~오늘 한 일 - 이력서 상담 - 이력서 새 템플릿으로 리뉴얼 with Figma - 객체 지향(OOP) 정리 오늘의 회고록 클론 코딩을 꾸준히 하자. 선배 개발자의 결과물을 클론하면서 재미와 내 실력 향상 두 가지 이익을 한 번에 볼 수 있다. 가슴 뛰게 하는 기술이나 흥미가 가는 기술이 생겼을 때 그 프로그래밍 언어를 배워보자. 효율이 더 올라간다. 1 ~ 2년 뒤에 아이폰으로 휴대폰을 바꿀 때 ios앱을 만들 수 있는 swift 프로그래밍 언어를 배워보면 좋을 것 같다. 내일 할 일 - DogGain 반응형 웹 페이지 만들기 - 재귀 함수 복습 - 이력서 리뉴얼 마무리

일단 저지르고 꾸역꾸역 감당해 나가다 보면 성장해있음 - Jbee's twitter 오늘 한 일 - 1일1커밋 자동화 ec2 재설정하기 - React, TailwindCSS로 Portfolio web site 만들기 1일차 오늘의 회고록 2주짜리 프론트엔드 프로젝트 포트폴리오의 임팩트가 너무 약하게 느껴진다. 리액트 사이트 프로젝트를 프론트엔드 파트를 중점적으로 해서 deep하게 성능개선하면서 하나 만들어 봐야겠다. 클론코딩을 적극적으로 해보고 거기에 성능개선 or 테스트 코드 작성의 컨셉을 강하게 잡고 만들어보자. 리액트 공식문서의 어드밴스드 파트에서 성능 개선 부분을 적극적으로 다루니 참고하자. 내가 사용하는 기술 스택에 대한 확실한 "근거"를 가져야 한다. ex1) 왜 앵귤러나 뷰가 아닌 리액트를 ..

환경 : macOS Monterey 12.6, apple m1 툴 : VScode, item2 1️⃣ 프로젝트 생성하기 npx create-react-app 프로젝트 이름 --template typescript 2️⃣ 최신버전 tailwindcss와 postcss 설치하기 npm install --save tailwindcss@latest postcss@latest autoprefixer@latest 3️⃣ TailwindCSS 초기화 파일 생성(tailwindcss.config.js, postcss.config.js) npx tailwind init -p 4️⃣ TailwindCSS 기본 설정 커스텀 // content 속성 : TailwindCSS를 적용할 파일에 대한 경로를 contnet 안에 넣어..

오늘 한 일 - Redux flow 개념 정리 - 알고리즘 유형 훑어보기 6(고차함수)일차 - 방 대청소 오늘의 회고록 - Rest 파라미터는 매개변수 이름 앞에 세 개의 점 ... 을 붙여서 정의한 매개변수를 의미한다. - Rest 파라미터는 함수에 전달된 인수들의 목록을 배열로 전달받는다. - 오후 1시 ~ 4시에 집중력 향상이 필요하다. 이 시간대에 적극적으로 주변 환경을 바꿔서 집중력을 높히자. - 의자에 앉아서 시작할 때 몰입 전 음악을 들으면서 집중하는 루트를 꼭 의식하고 실행하자. 그러고 안그러고 차이가 크다. - 알고리즘 문제를 풀 때는 정해진 시간 안에 최대 집중력으로 최단 시간에 해결할 수 있게끔 몰입하고 연습하자. 내일 할 일 - 1일 1커밋 자동화 AWS EC2 재설정 - 재귀함수 ..

useDispatch = 홀 서빙(고객 -> 주방)이 고객의 주문을 주방장에게 전달 Reducer = 주방장, 쉐프 홀 서빙(useDispatch)에게 받은 주문(Action)을 받아서 맛있는 요리(new State)를 만듦 useSelector = 홀 서빙(주방 -> 고객)이 주방장이 만든 맛있는 요리를 고객에게 전달 Redux store(주방)와 Client(식당-고객이 요리를 먹는 곳)를 연결