항해99

⭐ React(리액트) 에서 배열 반복문 쓰기 이번 주에 주어진 개인 과제를 하기 위해서 코드를 썼는데, 공부할 때는 술술술 적히던 코드가 갑자기 꽉! 막혔다. 바로 배열 때문이였는데, return () 안에서 for문을 불러 낼 수 있나, 없나에 대한 의문과 늘 상 map()으로만 반복문을 만들어내던 버릇으로 한참을 헤매였다. 일단, 못 불러낸다! ㅎ 역시나 기억에 없었던 이유가 확실하게 있었다. for문 자체를 return () 값 안에서 불러낼 수 없지만 함수로 위에서 쓰고 JSX를 반환하는 함수로 호출을 할 순 있다! 개인 과제로 만들고 있는 일주일 평점을 주는 프로젝트인데, 앞선 메인 페이지에 뜨는 평점이 들어가 있는 부분은 랜덤 숫자를 뽑아서 💜🤍 이모티콘을 이용해서 만들었다. 이 때 랜덤으로..

👩🏻‍💻 Today I Learned 📚 ⭐라이프 사이클이란? 라이프 사이클을 이야기 하기 전에 ‘리액트’의 특징적인 부분을 먼저 이야기 해야합니다. 리액트는 컴포넌트를 기반으로 하는 View 중심의 자바스크립트의 라이브러리입니다. html단위 하나하나를 객체로 생각하는 DOM은 여러가지 하위 값을 가지고 있습니다. 이걸 트리 구조라고 합니다. 이 때 트리 중 하나가 수정될 때마다 모든 DOM을 뒤지고 수정할 걸 찾고 수정한다면 불필요한 연산들이 엄청 많이 일어납니다. 리액트는 이 부분의 보안할 수 있는데요. 이게 가상DOM이라는 것입니다. 기존 DOM과 어떤 행동 후 새로 업뎃된 부분이 가상DOM에 표현되고 두 가지를 비교해서 수정된 부분은 바꿔줍니다. 그러면 불필요한 연산들이 일어날 필요가 없겠죠? ..

👩🏻‍💻 Weeky I Learned 📚 ⭐ ECMAScript 란? JavaScript를 공부하다보면 ECMAScript 라는 단어를 한번쯤은 보게 될 겁니다. 두 용어가 믹스되어서 사용되기 때문에 헷갈리기 쉽습니다. 오늘 그 두 가지 용어의 차이를 알아보려고 합니다. ECMA 인터내셔널 👉🏻 정보 통신에 대한 표준을 제정하는 비영리 표준화 기구입니다 브라우저가 생겨나고 서로 사용자를 끌어내기 위해 혼란스러울 시기에 MS의 IE가 JScript 라는 이름으로 자바스크립을 더해서 만들어냅니다. 이 때 이미 Javascript는 존재하고 있었는데 두 가지의 스크립트는 시간이 흐를수록 달라져가고 더욱 혼란을 가중하자 ECMA 인터내셔널에서 이런 스크립트 언어에 대한 표준을 내리게 됩니다. 이 뿐만 아니라 다..

👩🏻‍💻 Today I Learned 📚 ⭐ 알고리즘 공부는 양인 것 같다 알고리즘 공부는 꾸준해야 한다는 걸 한번 더 깨달았다. 하면 할 수록 사고의 방식이 다양해지는 것 같고. 확실히 알고리즘 문제를 풀 때에는 단순히 머리로만 생각만 하는게 아니라 노트에 간단히 그림을 그리거나 생각을 적어 내려가면서 하는 것이 훨씬 빨리 풀 수 있다는 점도 깨달았다. 노트에 적어 내려가다 보면 안 풀리던 것도 뭔가 잘 보이는 느낌이 든다. 오늘 로또 관련 문제를 푸는데 1시간 이상이 걸렸지만 결국은 풀어냈고, note taking 도 엄청 많이 했다. ⭐ 소통의 방식 이런 문제를 2주차에 겪게 될 지 몰랐는데, 불만이 있다면 매니저에게 이야기를 해서 풀어 나가야 할 문제인거 같은데, 이걸 그렇게 모두가 보는 앞에서 ..

👩🏻‍💻 Today I Learned 📚 ⭐ 새로운 주 -! 새로운 팀원들! 새로운 주가 시작되었다. 이번 주는 주특기 들어가기 전에 기초적인 공부를 하는 주간으로 주특기로 ‘리액트’를 선택한 내가 자바스크립 문법을 다질 수 있는 주이기도 하다. 이미 제공받은 수업들은 본 상황이고 가지고 있던 모던 자바스크립트 책을 이번주에 독파해야겠다는 생각이 들었다. 새로운 팀을 부여받고, 나는 이 팀의 팀장이 되었다! 뭐랄까, 지난 주 미니 프로젝트하면서 시간 분배라던가, 흐름도를 머릿속으로 그리는 역할을 했었는데 (팀장도 아니였지만) .. 이번엔 진짜로 그래야하는 상황이 왔다. 새로 만난 팀원들과 간단한 자기소개도 없이 이것저것 계획을 이야기했던 나 .. ㅎ 성격이 급해가지고 이거원 ㅎ ⭐알고리즘 격파! 항해99..

👩🏻‍💻 Weekly I Learned 📚 ⭐1주차 미니 프로젝트 마무리 금요일 자정까지였던 미니 프로젝트를 마무리하느라. 4-5일은 진짜 새벽 3시에나 잠에 들 수가 있었다. 덕분에 TIL도 쓸 시간이 없었다. 모든게 마무리 된 지금 간단하게 프로젝트에 대한 회고를 해보려고 한다. 이렇게 몰아치듯이 한 프로젝트에서 뭘 얻을 수 있을까? 라는 생각을 해봤는데, 피드백 시간에 할 질문들을 준비하고 프로젝트에 내용을 문서화시키면서 팀원들과 함께 우리가 짠 코드를 볼 시간을 가졌었다. 서로가 짠 코드에 대한 이야기를 하고, 마지막까지 구현하지 못했던 코드에 대한 이야기를 할 시간을 가진 건 정말 좋았다. 한 프로젝트를 협업으로 끝마쳤다는 뿌듯함과 이런 코드를 내가 구현했다고?! 라는 감격과 여러가지 생각이 들..

본 포스팅은 지난 11월에 작성되었습니다 ⭐ 웹 스크래핑 팀 프로젝트로 서로 해야할 것 들을 나누면서 어쩐지 나도 모르게 메인 페이지와 상세페이지에 걸친 웹 스크래핑 작업을 하게되었다. 다들 해보고 싶은게 있다고 해서 도맡아하게 된 것인다. 그 동안 혼자 독학으로 해보지 못 한 것이여서 조금 둑흔둑흔했다 웹 스크래핑(web scraping)이란? 웹 사이트 상에서 원하는 부분에 위치한 정보를 컴퓨터로 하여금 자동으로 추출하여 수집하는 기술을 이야기한다. 그리고 이 용어와 유사한 느낌으로 쓰이는 단어가 웹 크롤링이다. 혼용해서 쓰고 있지만. 웹 크롤링(web crawling) 은 자동화 봇(bot)인 웹 클로러가 정해진 규칙에 따라 여러 개의 웹 페이지를 브라우징하는 것을 의미한다. 내가 한 것은 웹 스크..

본 포스트는 2021년 10월에 등록된 글입니다. 본격적인 항해에 참여하기 전에 사전준비라고 해서 꼭 들어야하는 강의들이 제공된다. 여러 강의 중 웹개발 종합반 강의는 꼭 듣고 참석해야한다고 강조 또 강조를 하시던 매니저님. 나는 완전 라스트미닛으로 4기에 참여하게되서 사전준비를 할 시간이 딱 5일 남아있었는데, 그것도 중간에 전산오류로 내가 4기에 참여를 못하게 되는 줄 알고 이틀정도 시간을 날렸었다. 우여곡절 끝에 참여하기로 마지막에 결정을 하였고, 급하게 강의를 보며 준비를 시작했다. 😊 (+추가) 왜인지 모르겠지만 사전준비 강의를 다 들었는데, 완주가 뜨지 않는다. …. ⭐ 웹개발 종합반 강의는 총 5주차로 준비되어있다. 1주차 – html,css,Bootstrap, Javascript(JQuer..