Diary15 이노베이션캠프 후기 - 비전공자 부트캠프 인스타에서 우연히 동북권 학생들을 위한 부트캠프를 진행한다는 것을 알게 됐다. 동북권에 살지는 않지만 대학교를 춘천에서 나왔기 때문에 나에게도 기회가 있다는 걸 알게 되서 기뻤다. 이노캠을 듣기 전에 나는 이미 한 번 부트캠프를 들었었는데 실력이 부족하다고 느끼기도 했고, 개인적인 사정으로 취업을 해야 할 시기를 놓치니까 막막하기만 했었는데 그와중에 발견한 부트캠프가 무료로 99일 동안 진행한다는 것은 엄청난 매리트였다. 인문학을 전공한 사람으로서 취업에 막막함을 느끼기도 했고, 오랫동안 준비했던 유학이 코로나로 인해 좌절되면서 삶에 위기감을 느끼며 어떤 직업을 가져야 할까하는 진로 고민을 하게 되었는데 그 때 우연히 본 유튜브로 인해 개발에 흥미를 갖게 되었다. 내가 원하는 걸 직접 구현할 수 있다는 .. 2023. 9. 20. WIL - 이노베이션 캠프 - WIL(4주차) Fact : 이번주 있었던 일, 내가 한 일 주특기 2주차. 레벨5 중 3단계 완료!! 기본이 3단계인데 심화학습 2단계까지 마치고 싶어서 개인적으로 풀어보고 있다. 리팩토링을 안하는게 좀 문제이긴 하지만 일단 5단계까지 가보고 싶어서 안전벨트 없이 시속 200키로로 달리는 느낌으로 가고 있다. 예전에 배우다 포기한 리덕스를 다시 공부했다. 여전히 어렵지만 그래도 잘 활용할 수 있을거 같다는 안정감도 생겼다.. 하지만 이번 문제는 리덕스와 상관 없이 일어났다. 리렌더링 발생 조건이 State, Props 그리고 부모 컴포넌트가 렌더링 될 때 인건 알고 있었는데, 이 때 state란 변경되는 상태를 의미한다. 버튼을 눌러 숫자를 바꾸는 것처럼 어떤 상태를 변경해야 할 때 사용한다. setState를 사용해.. 2023. 7. 9. 이노베이션 캠프 - WIL(3주차) Fact : 이번주 있었던 일, 내가 한 일 드디어 주특기 주차가 시작되었다!! 이노캠 시작하기 전에 컴퓨터를 한 번 엎었는데 그 때 새로 깔았던 것들이 충돌이 되었는지 리엑트 버전이 바뀌지 않았다.. 구글링을 해봐도 되지 않고, 기술 매니저님을 찾아가도 되지 않고!!! 결국 또 컴퓨터를 갈아 엎었다!! 사실 원장님께도 여쭤봤었는데 리엑트 버전이 다른 건 협업할 때 전혀 문제가 되지 않는다 했지만 yml파일을 create react-app 할때마다 만들어줘야 한다는 귀찮음이 나를 이겼다...! 대체 왜 업그레이드 버전이 더 문제가 많은 것일까!! 리엑트와 자바스크립트는 Virtual DOM을 사용하여 전체가 렌더링되지 않고, 바뀐 부분만 렌더링 된다는 점과 상태를 바꾸기 위해서는 state로 바꿔야 한다.. 2023. 7. 3. 이노베이션 캠프 - WIL(2주차) Fact : 이번주 있었던 일, 내가 한 일 이번주는 알고리즘 week! 프로그래머스를 처음으로 풀어봤다. 항상 코드스테이츠에서 제작한 자체 알고리즘을 풀었었는데 프로그래머스와 익숙해지기까지 시간이 많이 걸렸다. node에서 동작했는데 에러가 나는 이슈가 발생해 잘 풀은 문제를 가지고 몇 시간동안 낑낑거렸다. 예전에 스터디 할 때 알고리즘 문제를 많이 풀었었는데 기억이 안나는 슬픈 사실😂 우리 콩나무 회원님들이 유난히 보고 싶은 한 주였다. 물론 리액트도 중요하지만 시간이 지날 수록 자바스크립트가 중요 하다는 사실을 알고 있던 나는 뜻이 맞는 사람들과 스터디를 만들었다! 처음에는 워밍업 기간에 함께 공부했던 전 팀원분들과 공부하는 소소한 모임이었는데 시간이 지나 스터디원이 8명이나 되는 대형 스터디가 만.. 2023. 6. 28. 개발일기3 - 자바스크립트 쿼리셀렉터로 html 요소 불러오기 자바스크립트에서 html의 요소를 제어하기 위해서 사용하는 것이 바로 querySelector 이다. querySelector를 사용해 자바스크립트에 연결하면 html을 작성하지 않더라도 브라우저에 나타나게 할 수 있다. Problem html 코드 // 추가 js 코드 const quote = document.querySelector("#quote span:first-child"); const korean = document.querySelector("추가"); const author = document.querySelector("#quote span:last-child"); 강의에서는 first-child와 last-child만 나왔지만 한국어 해석도 넣어주기 위해 한 줄을 더 추가하였다. TRY (.. 2023. 6. 23. 이노베이션 캠프 - WIL(1주차) Fact : 이번주 있었던 일, 내가 한 일 이번 주는 자바스크립트의 문법을 하나하나 정리해 보았다. 예전 코드스테이츠에서 마지막 프로젝트를 진행하면서 자바스크립트 문법이 많이 부족하다는 것을 느꼈다. 그 때 부족함을 느꼈기 때문에 이번 이노베이션 캠프에서는 자바스크립트를 사용하는 것에 어려움이 없도록 만드는 것이 목표 중 하나다! 따라서 문법을 배우면서 아무리 내가 알던 것이어도 하나하나 다시 보는 것을 목표로 잡았다. 예를 들어 자바스크립트의 ES5에서는 var를 사용해 선언하여 재선언과 재할당이 가능했지만 ES6에서는 let과 const를 사용해 선언하여 let은 재선언 할 수는 있지만 재할당 할 수는 없고, const는 재선언과 재 할당이 불가능 해서 한다 재할당이 불가능한 변수에는 let보다는 .. 2023. 6. 19. 이전 1 2 3 다음
