IT개발기

😊지난 한달간 좋았던 점 첫날 작성한 학습 계획표대로 공부하고 있는가 ? 제로베이스 프론트엔드 스쿨에서 가장 좋았던 점은 첫째, 학습 대시보드라고 생각한다. 매일 얼마만큼의 목표를 이루어야 하는지 상세하게 나와 있어 매일매일 해야한다는 압박감과 긴장감을 주고 학습 이정표 역할을 해준다. 두번째로 좋은 점은 같은 내용이라도 한주차가 지나면 다른 강사님들에게 배울 수 있어 복습도 되며 내용을 되새길 수 있는 계기가 된다는 것이다. 세번째로 좋은 점은 정말 많은 강의와 부트캠프로서 체계화가 잘되어 있어 꾸준히 진행한다면 기초 개념을 얻는데 부족함이 없다고 느껴진다는 것이다. 요약 학습 대시보드를 통한 학습에 대한 긴장감과 이정표 제시 같은 내용이라도 주차별로 다른 강사님들에게 배울 수 있는 기회 체계화된 교육..

📌 SASS 공부 SASS의 특징 sass(scss) : css의 확장 언어 css보다 조금 더 높은 자유도를 개발자들에게 부여 sass에서 nesting 구조는 많아도 4구조 3구조 내에서 하는 것이 좋다 설치 방법 브라우저: html, js ,css - sass(scss) > css : webpack, node로 연결 vscode 설치: Sass, live sass compiler(sass를 css로 컴파일 해주는 역할) 📌 sass1 기본적용: nesting 구조로 계층을 잡을 수 있음 body { .box { width: 100%; background-color: white; color: black; //& 부모를 가르킨다 => .box:hover { background-color: white} ..

📌 내가 회사를 선택하는 기준 ? ● 개발자로서 업무를 하며, 내가 만든 서비스를 실시간으로 피드벡 받고 고칠 수 없다는 아쉬움 (SI, 회사 자체 솔루션으로 프로젝트가 끝나면 다른 프로젝트로 가기 떄문에)과 많은 사람들이 내가 만든 프로그램을 쓰며 행복해하는 모습을 보고싶다는 욕심이 생겼다. 회사에서 서비스를 몇 달동안 밤새 만들며 출시를 했지만 서비스가 오픈을 했지만 100명도 채 오지 않아 서비스를 접어야하는 아픔을 겪어보니 정말 고객의 needs를 파악하는 것이 중요한 것임을 깨달았다. 이에 내가 회사를 선택하는 기준은 첫째, 내가 고객의 입장이 되었을 때 그 서비스가 유용하다고 느낄 수 있는 회사 둘째, 많은 사람들의 피드벡을 받음으로써 더 나은 프로그램을 만들 수 있는 회사 셋째, 안된다는 말..

📌 z-index ● 특징: z-index 의 크기가 클수록 층이 더 생긴다고 생각 Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum aliquid perspiciatis nihil beatae dolor sint assumenda adipisci, corrupti, unde minima ducimus cum dolorum odit, veniam excepturi. Unde placeat cum iure? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum aliquid perspiciatis nihil beatae dolor sint assumenda adip..

position position: absolute; - 기준: 부모 (box의 경우 부모는 body다) 특징: 태그의 부모가 기준이된다. position: fixed; 기준: 브라우저 특징: 부모와 상관없기에 position: relative; - 기준: 내 위치 예시: 태그의 부모로서 relative를 선택해준다. position: static; 기준이 없어 좌표적용이 필요없다. 특징: 기본적인 적용 other parent target other

📌 가상요소 ● 특징1: :: 를 사용해 표시 ● 특징2: content의 필수입력 ● 특징3: 가상요소에서 가장 중요한 before, after 태그로 전 훅 관계를 나타냄 Lorem ipsum dolor, sit amet consectetur adipisicing elit. Debitis voluptatibus, maiores quo aperiam modi cumque accusamus, beatae sit hic, ab dolorem atque a enim sapiente quasi numquam quibusdam placeat nihil.

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dignissimos, molestiae molestias, fugit commodi aut vel perferendis sequi animi ipsa maiores aspernatur mollitia voluptas deleniti nulla perspiciatis! Reiciendis dolores quos consectetur? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dignissimos, molestiae molestias, fugit commodi aut vel perferendis sequi animi ipsa maiores a..

📌 css 선택자 ● 1.태그이름 p {color: red} ● 2.class .class이름{color: red} ● 3. #id #id이름{color:red} ● 4. * 모든거 * {color: red} ● 5. 선택자 " " 선택자 특징: 직계가 아니어도 다 선택 div p {color: red} ● 6. 선텍자 "+" 선택자 특징: 태그 끝난 바로 직후의 다음 태그 (직후가 아니면 선택되지 않는다.) div + p {color: red} ● 7. 선택자 ">" 선택자 : 직계 선택자 (태그 안에 바로 직계된 선택자만) div > p {color : red} ● 8.선택자 "~" 선택자 : 물걀은 +보다 더 여유롭게 선택이 가능하다.(바로 직계가 아니어도 가능하다.) .test ~ .lorem ●..

📌 form 태그 특징: 사용자와 소통할 수 있는 가장 기본적인 html 필수값: action(주로 통신경로), method(통신방법) method get: url, ? , & , name ="사용자가 입력한값" post: 서버에 넘어 간 값 📌 input 태그 특징: 사용자로부터 input 내용을 받는 태그 필수값: type(보내질 형태), name(파라미터값) 📌 svg 태그 특징: 벡터데이터(꺠지지 않는 형태) 형태로 html을 표현 사용: 이모티콘을 사용하는데 주로 사용 유용사이트 fontawesome, fontawesome cdn bootstrap icon 📌 head 태그를 구성하는 요소 css 파일들 style title meta 태그: 랜더링 설정, 일반적인 설명, 담고 있는 내용설명, a..

📌 간과하기 쉬운 개발자에게 필요한 역량 ● 커뮤니케이션을 위해 실무에서 쓰이는 정확한 용어 사용의 중요성 📌 학습시 필요 부분 ● 커리큘럼은 탄탄하나 깊은 고민을 해서 추가적으로 보충 필요 ● 수동적 학습이 아닌 능동적인 학습으로 부족한 부분 학습(ex)서적을 통한 공부) ● 처음부터 좋은 회사를 입사하려는 노력: 실력적인 자신감을 통해 심리적인 자신감을 키우기 ● 공부할 수 밖에 없는 환경 구성 📌 어떻게 학습해야 할까? ● 기본이 제일 중요 ● 무엇을 익히고 무엇을 고민하느냐가 중요 ● 투입 시간과 성장은 비례한다는 마음 ● 재능보다 투입시간이 성장에 더 중 ● 메타인지 말로 설명하지 못한다면 모르는 것 안다고 착각하는 것이 문제 무언가를 만드는게 중요한 게 아니라 의식적으로 만드는 게 중요(클론코..