yarn install을 했는데 깃허브가 Permission denied (publickey)를 퉤! 하고 뱉어냈을 때 해결하기

프론트엔드 개발자 취준생으로서 여러 회사에 면접을 다니며 느낀 점

Wecode에서의 기업 협업 인턴 회고

AWS Amplify에서 자꾸 빌드가 실패할 때 React에서 오류의 원인과 해결책 찾아보기

메가박스 사이트에 Wegabox 팀만의 너낌을 섞어 클론코딩을 하는 팀 프로젝트프로젝트 기간: 2022. 01. 10 - 2022. 01. 21 (약 2주)프로젝트 인원: 5명 \- 프론트엔드: 3명 \- 백엔드: 2명우리나라 영화 산업은 세계적으로도 생각보다 꽤나

다른 사람이 작성해서 나에게 넘어온 코드, 오래된 코드 등을 흔히들 레거시 코드라고 한다. 이 레거시 코드는 개발자라면 혼자서 개발을 하는 것이 아니기 때문에 반드시 누구나 경험했고, 경험하고 있고, 경험할 코드이다. 이제 개발 세계에 발을 들인 지도 벌써 1년이 지

전역 상태 관리 라이브러리소프트웨어 개발을 할 때 자주 쓰이는 모범 답안 같은 설계 양식Model, View, Controller관심사의 분리로 코드가 단순해지고, 유지보수 시 더 높은 수준의 자유가 생긴다.페이스북에서는 MVC 패턴 사용시 양방향 바인딩 때문에 어떤

제대로 된 소프트웨어를 개발했는가?build right product?소프트웨어를 제대로 개발했는가?build product right?결함 확인사전 방지시간 절약구조 개선품질 개선확장성사람이 직접 테스트해보는 것불안전성이 높다.인력소모가 많다.비용이 많이 든다.테스트

기본적인 git flowFeature/sign-in에서 Main으로 git merge하는 경우merge를 할 때마다 모든 commit이 그대로 옮겨진다불필요한 merge commit 제거같은 작업을 진행한 commit끼리 모으기Feature/sign-in의 시작이 Ma

요기요(https://www.yogiyo.co.kr/mobile/프로젝트 기간: 2021. 12. 27 - 2022. 01. 07 (약 2주)프로젝트 인원: 5명 6명 \- 프론트엔드: 3명 \- 백엔드: 2명 3명배민, 쿠팡이츠, 요기요 등 배달음식 플랫

접혔다 늘어났다 하는 아코디언처럼 클릭 이벤트가 발생할 때마다 접힌 내용이 펼쳐졌다가 접혀서 사라졌다가 하는 메뉴팀 프로젝트로 요기요 클론코딩(을 빙자한 다 뜯어고치기)을 하면서 가장 기능이 많은 상세페이지를 맡은 이상 아코디언 메뉴는 필수!각 카테고리별로 나뉘어진 메

유저가 요청하는 request를 실행할 수 있는 권한이 있는 유저인지 확인하는 절차인가도 JWT를 통해서 구현 가능access token을 통해 해당 유저 정보를 얻을 수 있으므로 해당 유저가 가지고 있는 권한(permission)도 확인 가능인가 절차를 통해 acce

웹페이지의 전체적인 구조 확인css 디자인 확인5개624px가장 상위태그인 html 내부의 인라인 스타일 ➡ id ➡ class ➡ tag 순으로 배치우선순위가 가장 높은 것부터 style 적용사용자 도구 스타일시트브라우저에서 기본적으로 적용되어 있는 표준 styles

인턴 생활을 마치고 집으로 돌아가던 비행기 안에서의 풍경3개월차 후기는 여기3개월차까지 웹 개발과는 크게 상관 없는 일만 잔뜩 하다가 드디어 서비스에 필요한 컨텐츠를 만드는 작업을 했었다. 컨텐츠라고는 해도 스프링 부트로 메이븐을 사용한 백엔드와 필요한 부분만 부트스트

position은 요소의 위치를 지정하는 속성static: 기본값. 문서 흐름에 맞춰서 자동으로 배치absolute: relative, fixed, absolute 중 하나의 속성을 가진 가장 가까운 부모 요소 기준 절대적 위치 지정relative: 원래 있던 기본값

의미의, 의미론적인Semantic은 어문계열을 전공했다면 의미론을 공부할 때 들어봤을 단어이다. Semantics가 의미론이라는 뜻이기 때문. 그러니 semantic은 형용사로 의미의, 의미론적인 같은 뜻이 된다.그런데 이 단어가 웹이랑 결합되면?의미론적인 웹. 웹 3

요소의 너비와 높이를 계산하는 방법을 지정하는 CSS 속성요소의 width나 height 값이 정해져 있을 때 border와 padding 등이 추가되면 그만큼 width나 height값이 늘어나게 된다. 따라서 box-sizing 속성을 border-box로 지정하여

개발자 인턴 생활 3개월차의 생각

구현 코드함수형 컴포넌트를 숨겼을 때 라이프 사이클클래스형 컴포넌트를 숨겼을 때 라이프 사이클일하면서 수강하다보니 시작한 지는 꽤 됐는데 이제야 완강했다. 업무에 사용하려고 공부하기 시작한 리액트인데 실제 업무에 적용해보지는 못했지만(😥) 함수형 컴포넌트와 클래스형

함수형 컴포넌트에서 클래스형 컴포넌트의 componentDidMount, comeponentDidUpdate와 같은 역할. 사용하려면 import를 해야 한다.useEffect의 effect는 side effect라는 뜻이다.Main effect는 return() 안에