시작은코딩이지만끝은뭐가될지모르는 시작은코딩이지만끝은뭐가될지모르는

들어가며🚪 아니 언제 11주차가 끝났지? 왜 시간 이렇게 빛이지? 나는 왜 아직도 모르는게 태산이지? ㅜ 그렇다. 내가 잠시 블로그에 손을 놨더니 어느새 1차 프로젝트 이후 2주가 지나버렸다. 1차 프로젝트 이후 잠시 쉴.. 틈 을 조금 느끼고 나니 2주가 간 것이다. 매 주마다 회고를 작성하려 했는데 1주차 쓰고 안쓰고, 프로젝트 쓰고 안쓰니 이렇게 됐다.. 바빠서라고 생각해보자^^^^ 느낀점🥲 11주차까지 오면서 많은 생각을 했고, 한다. 여전히 수업을 들으면서 솔직하게 내가 개발자가 될 수 있을까? 를 하루에도 몇 번씩 고민한다. 실시간 강의에서는 월요일 수업 후 복습을 안하고 (죄송) 수요일 수업을 듣게되면 이어지는 내용에서 잠시 기억을 되짚다 순간 수업을 놓친다? 손을 차분히 내려두고 이고잉님의..

2주짜리 짧다면 짧고 길다면 긴 프로젝트가 끝났다.. 토요일 발표까지 마치고나니 4시,, 시원섭섭하게 프로젝트는 끝이 났다. 진심어린 소감은 회고 이후 맨 아래 적어보려 한다. 월요일 220530 상품 카테고리 페이지를 만들었다. 사실상 내가 작성하는 페이지에서 가장 중요한 메소드였던 건 insertAdjacentHTML 이었다. html의 요소들을 클릭하거나 화면에 보여줄 때 insertAdjacentHTML 을 사용하여 보여주는걸 자주 사용했는데, 예를 들면 이런 거다. //query String value값 선언 const [_, query] = location.href.split('?'); const [queryKey, queryValue] = query.split('='); //데이터 받아오기 ..

기록의 중요성을 앎에도 꾸준히 적지 못했다. 하루하루 따라가기에 바빠서,, 는 핑계라고 할 수 밖에 없으려나. 그래도 프로젝트에 대한 기록은 짧게라도 해야겠다. 엘리스의 커리큘럼 상 8~9주차는 프로젝트 기간이다. 레이서들 4명, 5명이 짝을 짓고 한 팀이 되어 제시하는 프로젝트를 하는 주이다. 프로젝트 해! 하고 던져주는 게아닌, 7주동안 배웠던 HTML, CSS, JS 및 Node, Express, Mongoose 등을 이해하고 활용하는 기간이라고 보는 게 좋다. 이미 기본 틀을 갖춰두고 시작을 하는데, 그 안에서 각자 스스로 구성을 하는 것이다. 우리 팀은 전공자 2 , 복수전공 1, 비전공 2명으로, 그 중 2명은 백엔드, 3명은 프론트엔드로 구성됐다. 월요일 처음 뼈대 코드(스켈레톤 코드)를 받..

엘리스 SW엔지니어 트랙 2기 DAY_11 📝 목차 오늘의 잡담 템플릿 리터럴 map 화살표 forEach() reduce concat 🎤 오늘의 잡담 지난주 addEventListener와 같이 많이 사용되는 친구들 (getElementById, querySelector) 등을 어느정도 이해하고 넘어왔다고 생각했는데, 오늘 또 보니 어떻게 쓰는지 여전히 헷갈리고 ~ scope 나오고 화살표 함수 나오고 this 나오고 뭐 나오고 나오고 .. 그래도 그나마 지난주까지는 이고잉님 수업을 따라갔다 생각했는데 이번엔 이고잉님 수업조차도 살짝 버겁다. 물론 코치님 수업은 한귀로 들어오고 한귀로 나감 (죄송ㅜㅜ) ✍️ 템플릿 리터럴(template literal) 템플릿 리터럴(template literal)은 ..

엘리스 SW엔지니어 트랙 2기 DAY_7 📝 목차 오늘의 잡담 🎙오늘의 잡담 오늘은 개인 공부의 날. 자바스크립트로 푸는 알고리즘 문제를 한가득 (은 아니고) 주고 알아서 풀어보게 한 날이었다. 근데 지금까지 한 문제를 못 풀고 있다. ㅠㅠ 뭔가 혼자 풀고 싶어서 아직도 낑낑대고 있는데, 내일 스터디 짜지면 물어봐야지.. 주목받는 거 별로 안 좋아해서 ㅋㅋㅋㅋ 스터디원 끼리 있는 모임에는 말 편히 할 수 있을 것 같아 왠지 벌써 마음 놓이는군 오늘은 TIL이라기보다는 그냥 잡담의 날로 지나가련다. 못풀고 있는 문제 정답 알면 안까먹어야겠다.

엘리스 SW엔지니어 트랙 2기 DAY_4 📝 목차 오늘의 잡담 Transform Transition Animation 미디어쿼리 📢오늘의 잡담 오늘은 개인적으로 수업 듣는 날. 강의가 의외로 짧다..?! 어쨌거나 7시간은 채워야하니 켜놓기는 하는데 가만히 있을순 없고, 미리 til을 작성해보자 ! 어제 배운 transition과 transform, 미디어쿼리를 조금 더 심도있게 배웠다. 그때 그때 배우면 이해는 가는데, 왜 막상 적용해보려하니 헷갈리고 고민되는지 😖 하나씩 vscode로 다시 살펴보면서 이해력을 높여보자 (오늘은 시간도 많이 남았으니까~) 다들 7시간 어떻게 채우냐고 아우성이었는데 , 오늘 디스코드를 보니 정확히 어떤식으로 운영되는지 안내가 나와 좋았다. 사진에서와 같이 기준 1,2를 모..

엘리스 SW엔지니어 트랙 2기 DAY_3 📝 목차 시작전 뻘소리 반찬타임 html>(head+body) h2+(ol>(li>a)*3) 태그 사이에서 바로 아랫줄, 윗줄로 가는 법 CSS 구분자 띄어쓰기 헷갈리지 않기 미디어쿼리 (feat. transition) Flex (아마 열심히 정리할 계획을 가지고 있음) 🎙 시작전 뻘소리 어제 1일,2일차를 같이 썼다고 치고, 오늘은 3일차다. 사실 오늘 3일차가 맞고 어제도 2일차쓴건데, 1일차는 쓸까말까 고민하다 지나간거라 생각하자 CSS 이거이거 은근, 은근 아니고 매우 까다로운 친구네 이고잉님의 실시간 강의는 매우 재미있다. 뭔가 뭐랄까, 유튜브 강의처럼 조곤조곤한데 소소한 것도 소소하지 않다고 해주며 항상 기운을 불어넣어준달까.. 오늘은 갑자기 아이디어가..

- Wrap with abbreviation 활용 이 기능을 활용했을 때 장점: 예를 들면 어떤 텍스트를 적고 a 태그를 사용한다고 가정해보자. a 태그를 쓰면 닫히는 a 태그도 같이 자동완성으로 나오는 것까지는 좋은데, 다시 적은 텍스트를 안에 잘라내어 붙여넣기 해야한다. 그러나 Wrap with abbreviation을 활용하면 잘라내지 않고 빠르게 작성이 가능! 1. 보기 - 명령 팔레트 (command palette) 클릭 2. Wrap with abbreviation 입력 후 설정 모양을 눌러준다. 3. 키 바인딩을 더블 클릭 한 후 원하는 단축키를 입력한다. * 참고로 나는 command + control + , 로 했다. Wrap with abbreviation 활용 영상 영상처럼 a 태그가..