본문 바로가기

전체 글122

1차 프로젝트 회고록 & 위코드 5주차 1. About team Seoulminer - mining codes 개발기간: 2023.06.23 ~ 2023.07.07 깃헙 링크 : FrontEnd, BackEnd Clone Coding project - 배민문방구 웹 개발의 첫 걸음을 뗀 seoulminers는 사람들이 가장 일상적으로 영위하는 행동 중 하나인 상거래를 웹페이지로 구현해 보기로 했다. 그러던 중 우리의 눈에 발견된 우아한형제들의 우아한 브랜드, 배민문방구 우리에게 주어진 시간은 단 2주. 2번만의 스프린트 안에 최대한 클론 할 수 있는 범위 내에서 우당탕탕 이나마 굴러가는 프로덕트를 만들어 내야 한다. 우리가 구현해야 할 행위 - 전자상거래 인터넷이 우리 생활에 보급된 이래, 사람들이 현실세계에서 영위하는 행동들 중 많은 수가 .. 2023. 7. 10.
[위코드] 4주차 회고록 프로젝트 팀 발표 후 첫 주를 시작했다. 주말동안 회의를 엄청 했는데 1명만 다른의견을 내더라도 모두가 같은 의견이 될 수있게 설득하는 과정이 참 어렵고 길게 느껴졌다. 다른사람의 의견을 바꾼다는 것도, 그 과정이 걸림돌 없이 좋게 지나가는 것도 어려웠다. 이벤트 공부를 하긴 했지만 모두 적용해보지는 않았는데 이번에 hover로 사진을 바꾸는 것을 구현해야하는 순간이 왔는데 mouse over, mouse out event를 처음으로 써보게 되었다. 렉이 걸린것처럼 어떨 땐 되고 어떨 땐 안되고 왜 인지 이유를 못 찾다가 기존에 사용하던 방법은 부정연산자를 썼는데 그때와는 달리 이번엔 over하면 false, out 하면 true로 고정되어있는 값인데 기존처럼 사용하려고 하니 자꾸 오류가 나는 것이었다... 2023. 7. 6.
[위코드] 3주차 회고록 벌써 위코드에서 개발공부를 한지 3주차가 되었다. 월요일이 시작되면 아직 월요일이네 싶은데 공부하다보면 밤 10시-11시는 금방오고 그렇게 다음날이 오고 공부하고를 반복하다보면 어느새 주말이 코앞이다. 3개월 커리큘럼을 따라가기 위해 밥먹는 시간도 아끼고 지하철에서도 공부하면서 학원을 오가고 10분, 20분 쉬는 것도 아까워서 부족한 개념을 다시보고 블로그 정리도 계속 하면서 시간을 보내고 있다. 생각보다 한주 한주가 너무 빨리가서 더더욱 열심히 준비해야겠다는 생각이 들었다. 3주차 수업으로는 useEffect와 side effect, 인가/인증, mock data와 fetch, peer review, 계산된 속성명, RESTfull API, produting이 있었다. 리액트를 저번주부터 배우고 있는데.. 2023. 6. 25.
[위코드] 2주차 회고록 위코드에서의 생활이 2주나 지나갔다. 이번주 수업내용으로는 React, Router, SCSS, props, state 이 있었는데 다른 내용들보다 props랑 state가 많이 어렵게 느껴졌다. props와 state가 리액트의 꽃이라는데 dom이 첫번째 산이었다면 props와 state가 두번째 산이었다. 개념은 이해가 되는데 활용이 안되니 공부도 집중이 안돼서 산책도 다녀오고 개념도 다시보고 노력을 했는데도 안돼서 결국 주말에 개인 강의를 들어서 이해를 했다. (친절하진 않지만 한번 듣고 나면 확실히 이해가 된다.) 바닐라 자바스크립트만 하다가 리액트를 하니까 어렵게 하던걸 쉽게 하려니 이게 된다고?? 하는 부분이 많다. 근데 원래 어렵게 생각하던 부분이라 쉽게 생각하는 것이 좀 어려워서 리액트가 .. 2023. 6. 25.
[위코드] 1주차 회고록 퇴사를 하고 먼 미래라고 생각했던 학원 생활이 코앞으로 다가왔다. 쉬는 날은 생각보다 빨리 지나가고 첫 등교?를 하게 되었다. 상담받을때 와봤던 곳이지만 내 자리가 있다는게 조금 낯설게 느껴졌다. 자리에 가니 내 명함과 검정색 주머니가 있었는데 주머니 안에는 사무용품과 물컵이 들어있었다. 같은 기수가 엄청 많을 줄 알았는데 적어도 20명정도...? 근데 왠걸.. 9명이었다 ㅋㅋㅋ 심지어 백엔드가 더 많은 특이한 기수였는데 사람 적으니까 멘토님들께 더 쉽게 질문할 수 있다고 긍정적으로 생각하기로 했다. 사람들이 다 수수하고 착해보여서 금방 친해질 수 있을 것 같다는 첫인상이 있었는데 역시나 다 너무 좋은 사람들을 만나서 다행이라고 생각했다. 개강날까지도 백엔드를 할지 프론트를 할지 엄청 고민했는데 백엔드는.. 2023. 6. 25.
addEventListenser 총정리 자바스크립트는 동적인 언어이기때문에 이를 잘 활용하기 위해서는 내 기준 event 메소드를 쓰는 것이 중요한 것 같다. 다른 문법들을 같이 섞어 써야하지만 addEventListenser 메소드로 사용자의 행동을 이끌어줄 수 있기 때문이라고 생각한다. 그래서 오늘은 자바스크립트의 addEventListenser를 샅샅히 살펴보려고 한다. 먼저 addEventListenser의 구조는 아래와 같다. DOM의 타겟.addEventListenser(event타입, 실행될 함수, 옵션) 하지만 우리는 리액트를 사용하고 있고 그런 경우 더 쉽게 이벤트를 적용할 수 있다. 중괄호 안에는 콜백함수도 들어갈 수 있고 함수를 따로 넣어줄 수도 있는데 함수명만 넣어주는 경우 별도의 따옴표 없이 함수명만 넣어주면 된다. a.. 2023. 6. 25.

티스토리툴바