TIL

margin은 바로 이해가 갔는데 padding이 바로 이해가 가질 않아서 포스팅하려고 합니다.방향을 지시하지않고 padding:20px라고 적으면 전방향이 같이 적용된다.padding top: 20px 일때랑 500px 일때의 예시처음에는 사진이 왜 길어지는 걸까 의

항해 99 사전 강의에서 나온 중간 퀴즈 중에서 어려웠던 문제이다.풀이 과정 및 느낀점여기까지는 구동했는데 split를 활용해서 어떻게 구현해야 될지 막막해서 결국 못 풀었다console창을 활용해서 하나하나씩 잘게 잘게!txt를 @로 나누고 그중 1번쨰 값을 .으로

프론트엔드에서 '인증'은 로그인, 회원가입 등 도입부분에서 사용한다. 서버에 '인증'은 모든 api 요청에 대해 사용자를 확인하는 작업이다.HTTP는 connetionless(클라이언트가 요청한 후 응답을 받으면 연결을 끊음), stateless(통신이 끝나면 상태를

항해99 첫 미니 프로젝트는 공공기관 약국조회 api를 이용해서 결과물을 만드는 것 이었다. api에 대해서 정확한 지식도 없었고 오픈api가 무엇인지 종류가 어떤 것들이 부족한 나였기에 개념에 대해서 정리하였다. API란? > API(Application Pro

미니 프로젝트를 하던 도중 의문점이 생겨서 정리.redirect은 해당페이지에 재접속render_template는 현재 페이지에서 다른 페이지로 render해주는 것이다.예를 들어서 redirect는 정보를 가지고 들어가지않고 render_template는 정보(로그인

항해 1주차 미니 프로젝트가 끝이 났다.우리 조는 카카오 도서 API를 받아와서 도서 검색 + 북마크 기능이 담긴 페이지를 만들었다.거기서 내가 한 역활은 로그인 페이지를 만들고 회원가입 기능을 만든 것 이다.(강의를 보면 누구나 할 수 있는 기능이다)구현하고 싶은 기

React 1주차 다 들음.만약 당신이 방향을 바꾸지 않는다면, 당신은 결국 지금 향하고 있는 곳으로 갈 것이다.노자

✔ Something is already running on port 3000. Probably: /Users/a111/.nvm/versions/node/v14.17.6/bin/node /Users/a111/Desktop/무제/bucket_list/node_mod

React 2주차 다 들음.클래스형 컴포넌트,함수형 컴포넌트 차이점가상돔라이프 사이클이란?RefState 관리눈부신 성취는 언제나 특별하지 않은 준비 뒤에 온다.로버트 슐러

문서 객체 모델(DOM)이란?문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스입니다.이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공합니다.이러한 DOM은

React 4주차 다 들음.5주차 듣기전에 과제 시작.Redux개념 정리 및 사용법파이어베이스 사용법경험은 성공이 능력보다 열의에 더 기인한다는 것을 보여준다.찰스 벅스턴

서버리스는 개발자가 서버를 관리 할 필요 없이 플리케이션을 빌드하고 실행할 수 있도록 하는 클라우드 네이티브 개발 모델입니다.간단하게 표현하면 백엔드 서버개발을 대신해주는 서비스이다.서버리스는 두 가지 주요 구현방식이 있다.FaaS(Function as a Servic

변수 생성의 3단계선언 → 초기화 → 할당선언: 실행 컨텍스트에 변수 객체를 등록 (스코프가 참조하는 대상이 되도록요!)초기화: 변수 객체에 등록된 변수를 위해 메모리에 공간을 확보 (여기서 변수는 보통 undefined로 초기화됩니다!)할당: undefined로 초기

코드\-index.js\-App.js스토어부분은 복붙하여도 된다고 하였지만 이해가 안되는 부분이 많아서 가슴이 답답하다.빠르게 구현이 되게 하고 다시 들여다 봐서 체크 하자.정리해야 될 개념 Promise콜백,콜백지옥async, await\*\*절대로 절망하지 마라.만

하루종일 강의 들으면서 오류 나온거 수정강의듣다가 오류 발생 >수정 무한반복,,,,,,, 원래 오늘 리액트 심화 3주차까지 다 들을 생각 이였는데 에러를 수정한다고 너무 많이 시간을 허비했다.그래도 혼자서 다 찾아서 해결 하긴했지만....오늘 공부시간4시30분 기상>

Hook은 React 버전 16.8부터 React 요소로 새로 추가되었습니다. Hook을 이용하여 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있습니다.Hook은 크게 useState,useEffect가 있다.아직 Ef

리액트 심화과장 4주완강 + 5주차는 배포전 까지 들음무한스크롤 기능댓글 구현 + 댓글 작성기능댓글 알람 기능댓글을 구현하는 도중에 오류가 발생했는데 해결하는데 2~3시간 정도 걸린 것 같았다. 강의를 보고 따라 했는데도 오류가 발생해서 짜증이 났지만 이제 오류+에러는

댓글 알람창 사진 이미지 비율 조정레이아웃 선택 기능좋아요+ 하트 기능좋아요,하트 기능을 구현하였지만 하트와 좋아요의 연동은 안됬다.firebase로 연동 과정에서 데이터가 가지 않은것 같다.리액트로 bootstrap을 사용하는 법을 배움레이아웃 선택창 bootst

오늘 한 일 & 배운 것 내일 할 일 오늘의 명언

s3 버킷에 배포한 뒤, 어떤도메인.com이 아닌 어떤도메인.com/login 등 페이지로 이동하면 왜 오류가 날까요?Answer리액트의 라우팅 방식이 전통적 링크 방식이 아니기 때문. (전통적 링크 방식의 경우 주소창에 적힌대로 html 파일을 받아 보여준다면, SP

전역이라는 단어와 상태라는 단어의 합성어이다. 애플리케이션을 구성하고 있는 코드 어디에서든지 접근이 가능하며, 변화에 따라 렌더링에 영향을 줘야하는 값상태관리 도구에는 Redux, Recoil,Context API등 이 존재한다.기존의 스테이트 처리방식은 한 번의 변경

알고리즘 최대값, 최소값 내장함수Math.max or min를 사용하면 최대값 최소값을 구하기 쉬움let answer=Math.max(...arr) 여기서 arr그대로 넣으면 객체가 되서 값을 못구함....arr는 arr0,arr1 이런식으로 인자를 펼쳐줌

오늘 한 일 & 배운 것 내일 할 일 오늘의 명언

미니프로젝트가 끝나고 나니 게더가 한산해짐을 느꼈다.6일간의 프로젝트를 하면서 아쉬운 점 ,뿌듯한 점, 느낀 점을 기록해 보려고 한다.첫 협업을 진행하며 느낀 아쉬운 점프론트와 백앤드가 처음으로 협업을 하면서 제대로 된 API도 설계하고 와이어프레임, 프로젝트 설정 등

클론코딩이 시작하는 날인데 이번주는 프론트 3명 백앤드 2명으로 팀이 구성 되었다. 넷플릭스, 당근마켓, 패스트캠프스 등등 여러 가지가 나왔는데 결국 팀장님의 추천으로 pinterest를 하게 되었다.아침에 회의를 하는 도중에 갑자기 매니저님이 호출을 하셔서 대화를 하

오늘의 명언

오늘의 명언

클론코딩

오늘의 명언

미니프로젝트나 클론코딩은 기간이 짧아서 API설계가 금방 끝이 났는데, 실전 프로젝트는 호흡이 길다 보니까 설계가 금방 끝나지 않았다. 스코프가 커지다 보니까 생각해야 되는 것 많아서 진행이 되질 않았다.오전9시에 시작해서 오후 5시가 되서야 어느정도 기본적인 틀이

오전9시부터 저녁 6시까지 Flowchart를 만들었다. 와이어프레임이 나오진 않았지만 페이지별로 기능을 정리해서 실사용자가 사용하기 편하게 하려면 어떻할까는 고민하면서 계속 회의를 하였다. 데이터의 흐름이나 조금이라도 마음에 걸리는 부분이 있으면 바로바로 서로 이야기

새로운 프로젝트의 API를 어느정도 확정하고 애매한 기능들을 정리하는 시간을 가졌다. 와이어프레임을 보면서 FlowChart를 하는 방식처럼 기능들을 쭉 정리하였다.이런식으로 캡쳐를 해서 카톡으로 디자이너분과 소통을 하였다.오랜만에 시간이 좀 많이 남아서 toolkit

로그인,회원가입 뷰를 만들고 있는 중 이다.내가 제일 쉬운 페이지를 하는데도 불구 하고 진도가 안나가는 거 같아서 속상하다. css가 역시 쉽지가 않다.뷰 완성카카오 로그인 구현마음은 스스로의 고민거리를 만들어내는 데 있어서언제나 창의력이 뛰어나다.\-올리버 골드스미스

어디서 본 글이 인지 기억은 잘 나지 않는데 카카오 로그인이 소셜로그인 중에서 가장 쉽다고 하였다.하지만 처음하는 사람은 결코 쉽지가 않았다.REDIRECT_URI로 가서 인가코드를 받고 그 인가코드를 서버에 보내주는 작업이 쉽지는 않았다. 거기에 서버에서 그코드를 들

뷰가 어느정도 끝나고 백앤드랑 통신을 위해서 toolkit에 대한 강의를 구매해서 듣게 되었다. 강의만 듣고 나니까 어느세 오후였지만 약간의 감이 와서 바로 작업을 시작하였다. 100% 이해를 못했지만 일단 만들면서 오류를 수정해 나갈 계획이다. 회원가입 유효성검사도

오늘 한 일 && 배운 것 유저가 url을 잘 못 입력했을 때, 보여줄 수 있는 404 NotFound 페이지를 만들어서 구현하고 싶었다. NotFound페이지를 만들고 이런식으로 경로를 지정해주었는데 NotFound페이지가 나오지 않고 빈 화면이 계속 나와서 당

일단 이번주에 맡은 기능은 다 하였고, 중간발표를 위해서 머지 후에 배포를 준비하였다. 어떤 어려운 점이 있었고 ,그것을 해결하는 과정을 정리 할 필요가 있었다.이메일, 닉네임 중복확인 이메일,닉네임 중복체크를 자동으로 서버에 요청하는 기능을 만들었지만 이메일,닉네

어제 밤에 민영 멘토님이 갑자기 오셔서 우리의 프로젝트를 보면서 피드백을 상세히 해주셨다.메인화면에 가격이 7300원으로 표시 7,300원으로 수정모바일로 접속시 키보드화면이 어떻게 나오는지 체크Certificate Manager , Cloudfront 자료찾아보기Sn

NotFound를 구현했다. 생각해보니 간단한 일이 였다. 이런식으로 Route를 설정할시 문제가 바텀네브 컴포턴트가 필요없는 곳도 네브가 보여서 밖으로 빼내지를 못했는데, 이런식으로 로그인 됬는지 안 됬는지 분기처리를 하니까 깔끔하게 구현 되었다. 댓글 CRUD 기능

오전에 자바스크립트를 공부함결국 리액트도 자바스크립트를 할 줄 알아야 더 좋은 코딩이 가능하다고 뼈져리게 느끼는중Intro화면 css 수정 후 댓글 CRUD작업을 진행하였다.수창님께서 우리 프로젝트를 보더니 기능이 너무 적은게 아니냐고 하셨는데 사실이라 머라고 할 말이

오늘은 오후시간은 대부분 문서정리를 하는 시간을 보낸거 같다. 실제적으로 개발을 한 시간은 오후9시이후 부터이다. 우리팀의 팀장을 내가 맡게 되었다. 정말 부담스러운 자리였고, 6명중에서 개발공부를 한 경력도 제일 짧고 부족하다고 생각하였는데 팀장이 되었다.( 아무도

오늘은 20시에 오랜만에 디자이너 + 개발자들이 모두 모여서 회의를 진행하였다. 이때까지 개발한 것들을 종합해서 배포한후 모두 테스트해보는 시간을 가졌다. 각자 서비스를 이용 후 문제점을 찾은 후에 정리하는 시간을 가졌다. 8명이서 찾다보니 많은 문제점이 발견되었다.