본문 바로가기

부트캠프/멋쟁이사자처럼 프론트엔드스쿨 9기

 (8)
프로젝트 진행 전 유의사항 1. 컨벤션 가이드 정하기코드 컨벤션esLint 컨벤션Prettire 컨벤션 [vite 설치]npm init vite   [esList 컨벤션]  off 할 요소는 정해서 추가    [Prettire 컨벤션] 1. vscode에 repository clone 2. 작업 폴더에 vite 개발환경 구성 3. 프리티어 설정 아래 설정값 추가module.exports = {  // 문자열에 single quote 사용(기본값 true)  singleQuote: true,  // 코드 마지막에 세미콜론 추가(기본값 true)  semi: true,  // 들여쓰기를 탭으로 지정할지 여부(기본값 false)  useTabs: false,  // 들여쓰기 너비 2칸(기본값 2)  tabWidth: 2,  // 여러 ..
특강 #4-프로그래밍 공부를 똑똑하게, 협업관리 1. 프로그래밍 공부를 똑똑하게 1) input보다 output을 생각하면서 능동적으로 읽어보자 input : 내가 비동기를 배워야하니까, 배웠으니까 읽고 이해해야지 output: 내가 비동기를 배웠으니까 배울거니까 이걸로 뭘 만들어볼 수 있을까? 빠른 시간 안에 써먹어보는 맥락을 상상한다. 책읽기 5분 단위로 집중해서 째려보듯 책을 읽고, 책을 덮은 후 핵심을 적어본다. 그리고 다시 책을 펼쳐서 내가 잘 봤는지 적으면서 뭐 때문에 헷갈렸는지 뭘 알았는지 어떻게 이 비동기 개념에 대해서 내가 정리한 것과 책이 다른지 비교하면서 책을 읽는다. 이렇게 1시간 책을 읽은 사람과 그냥 주르륵 1시간 읽은 사람과 다르다 (머리가 팽팽팽 돌아감) -> 책을 읽을 때 오히려 작은 단위로 읽고 집중해서 하는 것이 효과..
GIT 특강#2 git reset --hard : 돌아가고 싶은 해시코드 상태로 돌아간다. git log --oneline : 해시코드를 포함한 깃 로그 조 VSCODE 에서 백틱 (ctrl + ~) 누르면 터미널 노출/숨기기 git .ignore : git에서 관리하지 않도록 하겠다. ㄴ txt, html 확장자 파일 ㄴ docs 디렉토리 무시하겠다! cp 파일 복사 cp -r 디렉토리 레벨 복사 패키지 추가 & 삭제하는 법 npmjs.com -> 패키지 다운받기 -> add-gitignore -설치하고 싶다 : npm i add-gitignore -실행만 1회성으로 실행 : npx add-gitignore node,windows,osx,visualstudiocode ㄴ ex) osx 를 지정했다면, mac os 에 ..
GIT 특강#1 init, commit git init : 해당 디렉토리를 git으로 관리하겠다. ㄴ git이 관리하는 디렉토리에 이동하면 (main)이 떠있다. 독립된 공간이 관리하는 상위 폴더에 git init을 주면 안된다! 일반 디렉토리로 만들기 위해서는 rm -rf .git -> .git 파일을 삭제해주면 된다. git status : 현재 git의 상태를 물어본다. ㄴ Untracked files -> 변경은 감지했는데, 추적하지 않은 것이 있다. (업데이트 안되었을 때) git add 파일의 변경 사항을 index(Staging Area)에 추가 get add . : 현재 워크 디렉토리에 있는 모든 것 다 stage에 올리겠다! git rm --cached : stage에서 다시 working directory로 롤백 (한번도 커..
특강 #3-이력서, 포트폴리오 이제 시작해야할 때 이력서와 포트폴리오 스스로 만들어볼 수 있어야 함 1. 나만의 학습 프론트엔드 로드맵 그려보기 - 지원하고 싶은 회사의 스펙, 우대사항 찾아보기 - 깃허브링크 보기 - CS 지식이나 자바스크립트가 중요하게 적혀있었다. - roadmap.sh 우선순위를 정하는게 중요한데 => '맥락' 속에서 존재함 - 프론트엔드 기술을 내가 어디에 써먹고 싶은가? - ex) 파워포인트를 공부한다고 할 때 -도형, 사진 편집, 동영상 편집, 애니메이션, 다양한 수식 여러가지 기능들이 많은데, 이 기능을 모두 배운 후에 할 줄 안다고 하면 너무 오래걸린다. - 파워포인트의 본질은 내가 프레젠테이션을 잘하기 위한 도구이다. - 슬라이드 1~2장 만으로도 내가 전달하고자 하는 메시지를 효과적으로 전달하는 것이 더 중요 => 소프..
특강 #2-웹 접근성 웹 접근성 : 웹 접근성은 장애인을 포함 어떤 사용자들도 웹사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 활용할 수 있도록 하자는 개념이다. >> WAI-ARIA can i use 를 통해 확인하면 꽤 많은 브라우저들이 wai-aria를 지원한다는 것을 알 수 있다. -> jaws(스크린 리더) 와 호환해서 사용하는데, 어떤 브라우저에서 사용하는지에 따라 조금씩 호환성이 다르긴 하다. WAI-ARIA 역할 -트정 요소에 역할을 정의 -역할을 부여하여 사용자에게 정보를 제공 role 속성으로 역할부여 -> 좋은 개발자는 웹 접근성을 고려하고, 이를 구현하기 위해 학습하는 개발자이다. 접근성 좋은 웹사이트를 만들기 위해서는 가이드라인과 기술을 사용해야함
특강 #1-성장은 속도보다 방향이다 (피드백의 중요성 / 임동준 강사님) 즉각적인 피드백이 실력 성장에 굉장히 중요하다. * 피드백이 전문성과 학습을 효과적으로 만들어주는데 굉장히 중요한 요소이기 때문에 우리도 회고 스프린트 시간, 회고조와의 활동, 여러가지멘토와의 활동, 동류 학습 등 커뮤니티를 통해 학습방법, 성장과정, 취업 저냙들에 대해 더 자주, 빨리, 꾸준하게 피드백을 주고 받는 것을 목표로 행해볼 예정입니다. 성장은 속도보다 방향이다 피드백을 통해 어떤 방향으로, 무엇을 잘하는 개발자로, 어떻게 살아가는 개발자가 되고 싶은가? 나만의 색깔, 강점, 개성이 있는 개발자가 되어야만 하는 시대 (어떤 색깔을 가진) 프론트엔드 개발자가 되는게 중요한 시대 나만의 색깔은 나에게는 방향성과 나를 위한 나침반이 되고, 다른 동료들에게는 영감을 준다. 임동준 강사님의 깃허브 ht..
멋쟁이사자처럼 프론트엔드스쿨 9기 서류합격 코딩 손 놓은지 오래된 탓일까 ? 역시 프로그래머스 부트캠프 코딩테스트에서 탈락의 고배를 마셨다. 코딩테스트 머리 퓽퓽 돌아가는 친구들 부럽다. 그래도 다행인 것은 '멋쟁이사자처럼 프론트엔드스쿨 9기' 에 서류 합격했다. 영상 과제 진행하고, react 교육을 진행하면서 최종 합격을 기다리고 있다. react 교육 진행하니까 JS 기초적인 부분에 대해 다시 복기하고 관심있던 앱 기획에 대해서도 맛보기할 수 있어서 아주 좋다. 부트캠프를 고르는 기준은 ... 사람마다 다르겠지만 솔직히 비슷비슷하다고 생각함 개인적으로 수많은 부트캠프에 대한 수많은 안좋은 후기도 봤던 입장으로써 그냥 개개인의 의지에 따라 결과가 달라진다고 생각한다...! 앞으로 열심히 진행해보자! 채채 팟팅이야~

티스토리툴바