sparta 42

오늘의 공부를 끝내며.. (12/1)

오늘은 국취제 월당수급과 훈련장려금 관련해서 여러 작업을 하였고, 브라우저를 마저 끝내고 코어 모던 자바스크립트 기본개념에 대해 공부하고 있다. 사실 브라우저부분이 상당히 심도 깊었는데, 아무래도 기본 모던 자바스크립트 부분을 건너뛰고 바로 브라우저를 보게되니 모르는 함수나 개념들이 많아서 , 학습하는데 꽤나 힘들었다. 그래서 이제 코어 모던 자바 스크립트 부분의 핵심을 모두 학습하고 브라우저를 한번 더 볼 예정이다. 해당 부분들만 모두 보아도 어느정도의 프론트엔드 공부 입문 부분에는 다가선다고 생각한다. 일단 내일까지 코어 모든자바스크립트 기본을 마스터 한다면, 주말쯤에 브라우저를 한번 더 보거나, 전체 복습하는 방식을 고려하고 있다. 어떤쪽으로 흘러가든 시간은 아직 많으니 큰 걱정은 하지 않아도 될 ..

오늘의 공부를 끝내며.. (11/30)

이제 11월이 끝난다. 날씨도 그 흐름을 따라가는지 갑자기 매우 추워졌다. 스파르타 사전캠프부터 생각한다면 꽤 시간이 지났고, 10월 4일부터 시작되서 거의 2달 된거 같다. 확실히 많은 경험과 숙련이 되었고, 어제부터 모던 자바스크립트 튜토리얼부분을 쭉 훍어봤다. https://ko.javascript.info/basic-dom-node-properties#ref-1261?map 주요 노드 프로퍼티 ko.javascript.info 여기 사이트에서 볼 수 있는데, 기초라고는 되어있지만 마치 논리철학을 읽는것처럼 상당히 논리적인 부분이 많기에, 가독성이 느려졌다. 하지만 그 만큼 그동안 모르고 써왔던 코드나, 아예 몰랐던 코드들도 알 수 있게 되었고, 역시 한번 봐서는 완전히 이해하기 어려웠다. 특히 브..

오늘의 공부를 끝내며.. (11/29)

마지막으로 A반 7조의 팀원으로 활동하게 되었다. 정말 아쉽고 정도 많이 든 우리 7조이지만 이제 떠나야 할 시간이 되었다. 내일 아침 공지로 새 팀이 편성된다고 한다. 내일부터는 팀원으로써 좀 더 부족한 면을 더 채워나가고, 장점은 좀 더 발전시켜야겠다. 그리고 오늘은 거의 자바스크립트 기초자료를 거의 하루종일 보고, 뜻밖의 타임퀘스트인 코딩테스트를 풀어서 커피도 받았다 ^^ . 매니저님께는 정말 감사의 말씀올리며, 나로써는 코딩테스트도 풀어서 실력도 오르고 선물도 받는 좋은 시간이었다. 오늘 하루 제대로 몰두했고, 내일도 오늘같은 좋은날이 이어졌으면 좋겠다 ~~

오늘의 공부를 끝내며.. (11/28)

드디어 대망의 프로젝트를 완성하고, PPT자료 및 시연영상이 만들어졌다.....만 하필 발표시간에 버그가 났고 , 화면공유 오류도 났다. 팀장님이 얼마나 난처하고 고생하셨을지 .,.. 내가 지난주 팀장이라 공감이 간다 ㅎㅎ 버그가 있는지 여부는 몇십번을 테스트해서 문제가 없었는데 하필 화면공유때 처음 버그가 일어났다. 뿐만 아니라 작성한 노션 및 페이지를 모두 보여주지 못한 부분은 아쉽긴하다. 하지만 이것 또한 나 자신이 나서서 발표를 한다고 했으면 상황이 달라지지 않았을까 싶다. 이전 발표경험자(?)였던만큼 내가 바꿀수 있었던 상황을 , 팀장님께 방치했다는 부분에서 조금 미안함이 들었다. 그리고 발표회가 끝나고 팀원분들이 요청하셔서, 간단하게 (팀원들에게만) 짧게 피아노 연주하고 끝내려고 했는데, 말-..

4주차 WIL

이번주는 고난과 감동의 연속이었다. 지난주에 휴식에 이어서 풀모드 상태로 작업하다보니 조금 힘든부분이 있었고, 원하는대로 구현이 되지 않아서 답답한 부분이 있었다. 그리고 특강은 물론 훌륭했지만, 프로젝트를 우선시하다보니 아무래도 내용이 잘 들어오지 않아 시기적으로 아쉬운 부분이 있었다. 프로젝트는 아직 개개인의 과제는 거의 완성했지만, 통합하는 부분이 남아있다. 현재 SPA로 페이지만들기 및 파이어베이스로 작업하기는 강의에서 실습하지 못한 부분이 있어서, 작업하는데에 매우 고생했지만 이번주에 많은 시간 코드를 들여다보고 이해하다보니 조금은 어느정도 퍼블리셔느낌이 온거 같다. 아직 프론트엔드라기에는 한참 멀었지만, 더더욱 고난과 역경에 맞닿을수록 발전하는 나를 볼 수 있을 것 같다. 그리고 중요한 부분은..

오늘의 공부를 끝내며.. (11/25)

드디어 프로필화면의 거의 모든 기능을 구현할 수 있게 되었다. 현재 프로필에서 프로필 이미지와 닉네임, 반려동물이름, 설명을 파이어베이스에서 불러오는것은 팀동료인 다은님의 코드를 보고 스스로 수정해서 구현했다. 이부분은 솔직히 마음속에서 감격했다 ㅎㅎㅎ 그리고 어려웠던 mypost 밑에 내가 쓴 글들의 제목이 뜨게 하는 부분은 다은님이 코드를 도와주셔서 해냈다. 현재 남은 기능은 수정버튼을 눌렀을때 제대로 반영되어 mypost외에 프로필 정보가 변경되는것이다. 이부분도 업데이트 코드를 보면서 스스로 구현하려고 노력중에 있다. 주말에도 시간이 있고 이것만 해내면 프로필에서 할수있는 모든 기능을 다 구현할 수 있겠다 ~ !!

오늘의 공부를 끝내며.. (11/24)

오늘은 프로필 화면에 파이어베이스에 저장된 데이터를 불러서 보여주기위해 구현시도를 했다. 거의 하루종일 시도했으나 결국엔 불려오지 않았다. 튜터님께 상담하긴했으나, 이부분은 튜터님이 하나씩 설명해서 구현하면서 가르쳐주시기 보다는, 직접 파이어베이스 설명 자료를 보고 직접 구현하려는게 좋다고 하셨다. 사실 계속 하면서 쉽지가 않았다. 뭔가 중간에 오류가 있는것 같은데, 확실히 잡기가 어려운 부분이었다. 그나마 다행인건 만약 내일 프로젝트 제출날이었으면, 각 개인페이지만 완성된 상태이기에 매우 위험한 상태라는 것이다. 월요일까지 기간이 연장되어 그나마 다행이고, 조금 더 시간이 있는만큼 서버에 있는 데이터를 불러오는 코드 작업하는 부분을 조금 더 고민해보고 생각해서 구현해보려고 해봐야겠다~

오늘의 공부를 끝내며.. (11/23)

오늘 튜터님에게 상담받으면서 상당히 여러가지 부분의 오류를 고쳤다 ㅎㅎ 일단 먼저 내가 스스로 한 것은 이전 글에서 올린, 홈버튼 뒤로가기를 누르면 index페이지로 이동하게 되고, 프로필 변경을 누르면 닉네임, 반려동물, 설명에 대해서 업데이트 되는 기능, 프로필 사진을 변경하여 적용하는 기능, 프로필화면에서 프로필 수정화면으로 옮기는 기능이었다. 그리고 검색 기능을 구현하려고 했는데 이상하게 잘 안되어 확인해보니, getElementsById을 getElementsByClassName처럼 사용하려다가 오류가 나서 6시간 가량 고민했다 ㅋㅋㅋ;; 사실 getElementsById이라는 함수는 존재하지 않고, s를 빼서 단수로만 사용한다고 한다. 별것 아니었지만, 이렇게 등잔 밑의 그림자처럼 아주 가까이..

오늘의 공부를 끝내며.. (11/22)

어제에 이어서 프로필화면의 css를 구성해봤다. 그리고 프로필 파일 수정을 클릭하면, 자신의 컴퓨터 혹은 폴더에서 사진파일을 선택할 수 있고, 밑의 수정버튼 및 취소버튼이 따로 있다. 그리고 위의 홈버튼은 홈으로, 왼쪽의 검은 화살표 버튼은 뒤로가기이다. 지금은 이렇게 해야겠다라고 생각은 했지만, 사실 어떻게 구현하는 코드를 짤 수 있는지는 막 떠오르지는 않는다. 일단 이전에 했었던 작업이나 강의들 혹은 구글링을 해보면서 CURD중 update, read기능들을 구현할 수 있도록 해야겠다. 사실 위의 구성단계는 튜터님의 프로필 뼈대만 어제 빌리고, 거의 혼자 만들었다. 뭔가 시간은 많이 들인것 같은데 막상 별로 한게 없는것 같은 기분은... ㅎㅎ... 일단 내일은 또 발전된 나를 볼 수 있기에 기대가 된..

오늘의 공부를 끝내며.. (11/21)

오늘부터 프로젝트를 만드는 작업을 진행한다. 스파르타에서 여러가지 훌륭한 특강과 강의들을 제공해주었지만, 맨 땅부터 만들기가 참 어렵다고 느껴졌다. 그래서 다른 사람의 프로필화면을 가져오려고 했으나, 부분적으로 깨지거나 완벽히 전체를 가져오는 방법도 아직 어렵다. 오늘 아침부터 이것저것 시도하다가 결국 원점으로 돌아오게 되었다 ㅎㅎ;;; 그러나 팀원분들께서 좋은 링크를 주셔서 해당 링크를 참고하여 페이지를 만들어볼 수도 있다고 생각한다. https://inpa.tistory.com/entry/CSS-%F0%9F%92%8D-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%ED%9A%8C[…]4%ED%83%80%EC%9D%BC-%F0%9F%96%8C%EF%B8%8F-%EB%AA%A8%EC%9D%8C [C..