전체 글 166

내배캠 WIL 2022. 12 5주차

우왕 새해다~ 새해에는 새로 시작한다는 마음으로 초심 찾고 열시미 코딩해야징 최근에 의욕이 좀 떨어졌었는데 그럴 땐 함께 공부하는게 해결책이다. 다행히 이번에 새로 배정받은 조에서 아침9시에 어제 공부한 내용 정리하고 발표 오후3시에 라이브 코딩 오후 7시에 알고리즘 문제를 같이 풀기로 했다. 그리고 오후 9시에 모던자바스크립트 튜토리얼 읽는 스터디를 만들어서 같이 읽고 퀴즈 풀기로 했다. 굿 저번주에 세운 목표 css가 약한데 시간을 빨리 공부해서 맡은 부분 구현 잘하기 TIL 특강 때 배웠던 방식으로 TIL 쓰기 다른 사람이 쓴 코드도 원리 이해하기 달성했는지? css를 맘껏 공부하고 코드를 쓰지는 못했지만 내가 아는 수준에서 최대한 구현을 했다. 90프로 정도 완성을 하고 내가 잘 하지 못한 부분은..

내배캠 2022.12.30

React-Native 시작하기 expo go에서 create new project 한다 내 컴퓨터에서 넣어야하는 명령어 npm install --global eas-cli npx create expo-app 파일명 eas init --id 숫자숫자 npm start a를 눌러서 amulator가 뜨지 않고 저런 오류가 떴다. a를 누르는게 아닌가? Android SDK라는것이 아예 다운 받아져 있지 않아서 그 안에 있는 adb도 없다는 내용인 것 같다. Android SDK란? 안드로이드 SDK는 포괄적인 개발 도구를 포함하는 소프트웨어 개발 키트이다. 여기에는 디버거, 라이브러리, QEMU 기반 핸드셋 에뮬레이터, 설명서, 샘플 코드 및 튜토리얼이 포함된다. adbAndroid 디버그 브리지 안드로이..

내배캠 TIL 2022.12.29

프로젝트 했던 내용을 복습했다. - 초기 세팅부터 배포까지 혼자 해보려 시도 - 다른 사람들이 짠 코드를 이해하는 시간을 가졌다. 오늘 만난 오류들 button안에 button을 넣어놔서 생긴 오류 - 상위 컴포넌트를 div로 바꿔서 해결 style을 적용할 때 리액트에서 쓰는 속성값이 아닌 자바스크립트 속성값을 넣어서 생긴 오류 -콘솔창에서 알려주는 리액트 전용 태그로 바꿔줘서 해결 나의 yarn.lock과 다른 사람의 yarn.lock이 깃헙에 커밋하면서 섞여서 난 오류 - 초기 세팅부터 다시 하면서 내 컴퓨터 전용 yarn.lock과 package.json 생성 - 다음부터는 커밋할 때 이 파일들은 gitignore에 넣어주어 다른 사람들 것과 섞이지 않게 해야 한다. .env 파일에 지정한 환경변..

내배캠 TIL 2022.12.28 ( project 3 - react 발표 / 팔팔하조 KPT)

KPT 회고 작성(A반 8조) (12월 22일 ~12월 18일) 1.한 일 정서연: 커밋 컨벤션 정하기 / 프로젝트 초기 세팅 + yarn server 단축어 추가 / 게시글 등록 / 게시글 삭제 / 게시글 List 메인 페이지에 불러오기 / detail page에 게시글 하나씩 불러오기 / Header 수정 / 메인 페이지 검색 창, boardList CSS / 게시 글 유효성 검사/toasty 이용한 alert 창 홍다경: 사진 업로드 기능 / 상세 페이지 프레임 수정 기능 / 게시물 update 기능 / 레이아웃 수정 / 파이어베이스 프로젝트 연결 / 메인 페이지 캐러셀 기능 / 발표 자료 / 게시물 비밀번호 기능 / 프로젝트 로고 디자인 / 데이터 저장 시 현재 시간 저장되도록 설정 윤지영: 메인..

내배캠 WIL 2022.12 4주차

WIL 쓰는 법 핵심은 2개 - 알게 된 점 총정리 - 목표 TIL 의 회고: 이번주 알게 된 점 총정리 다음주 목표 세우기 이번 주 목표 달성여부 배운 것 axios를 활용한 CRUD module에서 Thunk와 Slice hook configStore에서 configStore axios url에 조건 넣기 sort(), reverse() new Date(), toLoCaleString() 다음 주 목표 css가 약한데 시간을 빨리 공부해서 맡은 부분 구현 잘하기 TIL 특강 때 배웠던 방식으로 TIL 쓰기 다른 사람이 쓴 코드도 원리 이해하기

내배캠 TIL 2022.12.26

프로젝트 기능 구현하는 과정 삭제, 수정 토글 버튼 만들기 리액트에서 어떤 식을 하는 것이 좋을까 하면서 검색하다가 활용하기 좋은 삼항연산자를 이용한 코드를 찾았다. https://stackoverflow.com/questions/64572972/using-refs-to-style-a-div-element Using Refs To Style A Div Element Good day, I'm new to react JS and I want to get a div element using refs and style it. It gives an error(can't read the property style of undefined). import React, { useState, useRef } from 'r..

내배캠 TIL 2022.12.25

새로고침 했을 때 게시물 조회가 안되는 문제 useEffect에 댓글 조회만 넣어놓고, 게시물 조회를 넣지 않아서 생긴 문제, 렌더링 했을 매번 불러와져야하는 내용 잊지말고 넣어주기 렌더링 할 때마다 댓글 조회하는 내용만 들어가있었다. useEffect(() => { dispatch(__getComments()); }, [dispatch]); 게시물을 조회하는 내용을 추가하고 나서 문제 해결! useEffect(() => { dispatch(__getBoards()); dispatch(__getComments()); }, [dispatch]); useState를 쓸 때 중괄호를 써주면 제대로 작동하지 않는다. 헷갈리지 말고 항상 대괄호를 써주자. 중괄호는 X! const {state, setState} ..

내배캠 TIL 2022.12.23

문제 해결 한 것 액션 크리에이터도 하나의 함수이기 때문에 소괄호를 붙이지 않으면 호출이 안된다. useEffect(() => { dispatch(__getBoards); //thunk로 만들어준 액션 크리에이터에 괄호를 붙이지 않았다 }, [dispatch]); 아래처럼 소괄호를 붙이니까 해결이 되었다. useEffect(() => { dispatch(__getBoards()); }, [dispatch]);​ 알게된 것 git에서 브랜치 이름 지을 때 / (슬래시)를 두 개 쓰면 오류가 난다 ex) feature/comment/create 그래서 - 하이픈으로 연결을 해줘야한다. 이건 엄청 많이 써도 상관이 없다. ex) feature/comment-create vscode 기능 중 알게된 것 아래 표..

TIL 제대로 쓰는 법

TIL 쓰는 이유 채용은 앎의 증명이다 성장, 성실함, 흡수력을 보여줘야 한다. TIL은 그런 것을 잘 보여줄 수 있다. 내가 공부한 것 아는 것을 까먹지 않게 해준다. TIL은 면접의 답안지 TIL 쓰는 법 문시해알 어떤 문제가 있었는지 어떤 시도를 했는지 - 자세히 어떻게 해결했는지 뭘 새롭게 알았는지 - 자세히 약간 삭막하게 쓰는 개발자가 많다 근데 프론트 엔드 개발자인 경우는 블로그가 예쁘다. - 그것 자체로 포트폴리오 쓸 필요 없는 내용 - 감성글 - 예쁘게 꾸미기, 이모티콘 - 강의노트 복붙, 요약 - 코드 통째로 넣기 WIL 쓰는 법 핵심은 2개 - 알게 된 점 총정리 - 목표 TIL 의 회고: 이번주 알게 된 점 총정리 다음주 목표 세우기 이번 주 목표 달성여부