프론트엔드스쿨41 [멋사 FE 스쿨] 18일차 리뷰 + 데일리 회고 오전(09:00~11:50) 수업 w/ Licat morning break 주니어만 해도 5개 정도 언어를 다룬다고..하하 node를 한다면 server는 필수로 다뤄야한다. 대기업이나 육성해서 키우려고 하지.. 어떤 회사라도 FE 개발자라고 서버를 모르지 않을것..! 기본적으로 다룰 줄은 알자 클라우드 VM 가격 비교 https://zetawiki.com/wiki/2020_클라우드_VM_가격_비교 https://brunch.co.kr/@topasvga/1242 https://swiftcoding.org/all-about-amazon-lightsail-billing FE 개발자라고 이런 걸 몰라도 될까? 물론 알아야한다. 제안하는 경우 물론 실무에서는 비용 산정으로만 가지는 않는다. NCP(네이버)로 갈.. 2021. 11. 24. [멋사 FE 스쿨] 17일차 리뷰 + 데일리 회고 멋쟁이 사자처럼 17일차 오전(09:00~11:50) 수업 w/ Licat morning break 연봉에 관하여 월 200 이하로는 받지 말자 학력이 정말 중요하지 않았던 사례 고졸 회사 월급 가장 높으셨던 분 → 샤워, 화장실까지 계속 공식 암기 공부 실력이 갖춰진 고등학생. 대학교 시간 아까워서 안가고 인공지능회사 취업. 코딩은 거짓말하지 않는다. 타이핑한 시간에 비례해서 실력이 늘지 왕도가 없다. 마크다운 연습 마크다운 테이블 만들기 좋은 사이트https://www.tablesgenerator.com/markdown_tables tailwind 다시 실습 → 천하제일 이력서 만들기 대회 보통 pdf로 이력서를 내는데, html로 제출하면 확실히 강력할 것 이력서에 주니어의 skillset 점수를 .. 2021. 11. 23. [멋사 FE 스쿨] 16일차 리뷰 오전(09:00~11:50) 수업 w/ Wade morning break 슬슬 취업 먼저하는 사람들이 생길텐데 너무 힘들어하지 말자. 사람을 뽑는 회사는 많고 자리는 많다! 실전 테크닉 수업 이어서 ir 테크닉 phark method clip이라는 속성은 요소의 부분을 잘라주는 것인데, absolute position이 있어야만 작동한다. → 보이지 않게 잘라서 이미지 최적화? 쌤은 kraken optimizer 이용 → 용량이 적으면 물론 렌더링도 용이함 이미지 자를 때 이용하면 좋은 사이트 https://bennettfeely.com/clippy/ → css를 마우스로 선택한대로 반환해준다. clip의 문제? → mdn 검색해보면 브라우저 호환은 굉장히 좋다. 하지만 deprecated .. 비추 →.. 2021. 11. 22. [멋사 FE 스쿨] 15일차 리뷰 오전(09:00~11:50) 수업 w/ Licat morning break 과제 같은 경우는 깃헙에 따로 repository를 만들어서 관리하자 벤딩 머신, 렌딩페이지, sns 과제들을 묶어서 관리하면 좋을 듯 만약 자신있는 거만 하나 따로 있다면 따로 관리해도 되고 벤딩머신(JS) 랜딩페이지(HTML, CSS) 각 구현 목적이 있는데 맞게 pin하고 다룰 것 페이스북 친구, 커뮤니티, 유튜브 채널이 어디에 집중되어 있는지 확인해보자생코보다는 더 깊은 커뮤니티를 찾아보자..! 어떻게든 귀동냥으로 듣는게 생기기 때무넹 아주 중요하다. 웹표준 관련 답변이 이상한 경우가 있었는데 유튜브 보다는 D2와 같은 대기업의 기술 블로그를 참고하자, 대중이 어렵다고 하는, 저명한, 두꺼운(?) 책도 좋고 해외 유명 책인.. 2021. 11. 19. [멋사 FE 스쿨] 14일차 리뷰 오전(09:00~11:50) 강의 w/ Licat 수준별 학습에 관하여 서로 실패하는 경우가 있다. 가르치는 사람도 성장을 못시키는 거니깐. 의리 때문에 남아있지 말자. 의리 때문에 수업 듣지 말자. 고용 관계도 마찬가지. → 내가 수준이 좀 높다 하는 사람들은 따로 공부할 것 모르는 분야가 있다? 책을 사다가 필..사를 하는 것..?!ㅋㅋㅋ 교수님 앞에서 수업하고 있는데 ㅋㅋㅋㅋㅋ 어제자 해킹 메일 리뷰(?)Ctrl+U로 태그들을 볼 것해커도 웹 접근성을 완전히 무시하지 않는다(?!)스크립트가 Ctrl+U로 script가 보일리가 없다.불법 사이트 개발자들이 받는 돈이 어마어마하다.그 다리를 넘지 마라 한번 들어가면 놔주지 않는다.본격적으로 혼나는 해커..ㅎㅎ sql injection 역으로 사이트에 .. 2021. 11. 18. [멋사 FE 스쿨] 13일차 리뷰 오전 9시 생활코딩 WEB2-CSS 수강 킹갓제너럴 조코딩님의 원데이 특강!! https://www.youtube.com/c/조코딩JoCoding 오전(10:00~11:50) 수업 by jocoding 쿨찐 테스트 만들기! 테스트류는 가벼우면서 임팩트가 있기에 준비했다 그냥 만들고 끝나면 노의미 → 배포까지 해보자https://tescoolzin.shop/index.html 희망찬 동기 바이럴이 터지면 수업시작 vscode로 할거임 기본 마크업 Bootstrap https://getbootstrap.com/ css를 미리 만들어놓은 사이트 정도 표준화된 규격을 제공하는 CSS 프레임워크 ress.css든 reset.css든 읽어보고 알맞은 걸 사용해주자. cdn, reset, style 중에서 제일 중요.. 2021. 11. 17. [멋사 FE 스쿨] 12일차 리뷰 오전(09:00~11:50) 수업 by Licat morning icebreaking 금융권 시절 썰 풀다.txt OO카드가 새벽 2시에 안된 엄청난 이슈 → 보통 이런 실수는 시니어보다는 주니어들에 의해 발생한다. 그렇게 주니어가 한줄 잘못친다고 오류나면 안되는 것 아닌가? 주니어의 중대한 실수로 억대 손실이 난다면?빠른 보고 필수 → 집가고 싶다는 생각하면 절대 안됨 + 내가 한실수를 감출 수 있지 않을까? 하는 생각도 절대 안됨 선임이 보기엔 아무것도 아닌 실수여서 금방 롤백할 수 있다. → 누군가는 회사에서 자고 있다.. 이런 걸로 배상 청구하고 하면 누가 그 명령어를 치려고 하겠는가.. 다들 지켜주려고 하니 너무 겁먹지 말자. 악성, 고의적인 오류가 아니면.. 위 사례 같은 경우는 대량 3개월치.. 2021. 11. 16. [멋사 FE 스쿨] 11일차 리뷰 오전(09:00~11:50) 수업 by Licat morning break 과제는 내일 재현님과 함께 코드 리뷰는 멘토들이 해줄 것, 재현님 코드는 재현님 시간에 면접 질문은 노드까지는 가야.. 비전공자는 코테 빡센 기업보다는 좀 쉬운 코테 회사를 노려보자 br 태그에 관하여 → 너무 많은 br 태그는 금지라 생각하자 많은 기업들이 사용하고 있기 때문에 금지라기보다는 권장으로 방향을 바꾸자 대표님 깃헙 자료 106_br.html 참고 의미없는 줄바꿈이면 의미 없는 태그(ex. div class="br")가 낫지 않느냐는 의견도 결론: 개행에 이유가 있을 것이니 개행의 목적에 맞게 사용하자! 디플 홈페이지를 보면 버튼을 flex로 해놨는데 외국 기업은 flex를 많이 쓰는 경향이 보인다. class명에 g.. 2021. 11. 15. [멋사 FE 스쿨] 10일차 리뷰 오전(09:00~11:50) 수업 by Wade 어제 클론마저 진행 Figma 100% 화면에서 캡쳐해서 비교해보기 → chrome 확장 프로그램 perfect pixel 이용해서 비교가 가능하다! 개꿀팁 다만, liveserver등으로 해당 페이지를 서버에 올리고 실행 가능 확인 작업 등도 엄청 오래 걸리기 때문에 사실상 만드는 것은 전체 작업의 30%밖에 되지 않는다고 할 수도 있다(!) 엄청난 노가다.. 반응형(!) - 보통 기준이 되는 폰 하나에 맞추는 편 FE 개발이라 퍼블리쉬는 벗어났다! 기뻐해선 안된다. 다들 각자의 고충이 있는 것.. 정해진 너비 외의 화면에서 레이아웃이 깨지는 문제? → 괜찮다. 원래는 좀 더 700정도로 tight하게 반응형이라고 무조건 모든 사이즈에 대응하지 않는다. .. 2021. 11. 12. [멋사 FE 스쿨] 9일차 리뷰 오전(09:00~11:50) 수업 by Wade 진도 많이 나갔다 미디어 쿼리 screen은 모니터, 스크린이 있는 디바이스 print는 출력 미리보기 abbr이 뭐였나? 축약어 attr() : css 속성 가져오는 함수 pixel ratio는 클수록 css 1px에 들어오는 기기 화소수가 높으니까 화질이 좋다. → 해상도 별로 style을 다르게 줄 수 있다. console 창에서 window.devicePixelRatio로 알 수 있다. BOM(Browser Object Model) api → 브라우저의 정보를 가져오는 api가 있다. 기기정보도 가져올 수 있다. -webkit-device-pixel-ratio 이걸 왜 알아야 할까? → 해상도 따른 이미지 제공 그럼 왜 해상도 따른 이미지 변화를 감.. 2021. 11. 11. 이전 1 2 3 4 5 다음