Vue에서 모달 컴포넌트 만들기(예제코드 포함)

Vue 프로젝트에서 Storybook 간보기. Figma와 연동성 확인.

Flutter 공식문서를 기반으로 Flutter 설치 및 IOS, Android 앱을 만들 수 있는 환경설정까지 진행하면서 공부하고, 겪은 일들을 정리한 것입니다.

간만에 글을 쓰는 것 같다. 그동안의 행적에 대해 변명하자면 우선 신상의 변화가 굉장히 많았는데, 코드스테이츠 기업협업 프로젝트를 함께 했던 기업의 제안으로 취직을 한 것이 아마 가장 큰 변화일 것일테다. 프로젝트가 끝나자마자 울산에서 서울로 이사를 했고, 새로운 동네

두 함수는 자바스크립트에서 자주 사용되는 배열 메소드이며, 평소 Map 함수를 즐겨 사용하고 있다. Map 함수와 Reduce 함수의 차이에 대해 간단히 알아본다.map() 메소드는 배열의 모든 요소들을 순회하며 주어진 콜백 함수를 실행시킨다. 콜백함수에서 반환된 값들

이벤트 버블링은 한 요소에서 이벤트가 발생하면 , 할당된 핸들러가 실행되고 이어서 부모 요소의 핸들러도 작동되는 것을 말한다. 버블링은 가장 최상단의 요소를 만날 때까지 반복된다.버블링을 멈추기 위해서는 이벤트 객체의 메서드인 event.stopPropagation()

잡서칭 세션 중 깔끔한 이력서 만드는 법에 대해 배웠다. 원티드, 노션, pages 등등 다양한 툴을 이용해 이력서를 만들 수가 있구나. 내가 기억하는 이력서와는 결이 조금 달랐던 것 같다. 이렇게 조금씩 발전해가는 이 느낌이 좋다.요즘은 개발 지식말고도 개발자가 되기

코드스테이츠 마지막 프로젝트(08. 24. ~ 09. 22.) 회고

Vue를 이용한 SPA에 Vue-analytics 라이브러리를 이용해 구글 애널리틱스를 적용해본다.

https://developers.google.com/identity/sign-in/web/reference에서 구글 gapi 메소드들을 정독하고 시작한다.자바스크립트 SDK를 이용해서 구글 로그인을 진행할 시에 refresh 토큰을 받을 수 없다. 구글에서

드디어 파이널 프로젝트 개발을 시작했다. 그동안 react만 배워오다 vue와 python을 사용해 개발을 진행해야 하는 부분 때문에 학습 시간도 필요했지만, 기업과 코드스테이츠 간에 의사소통 문제도 있어서 개발 시작 시점이 계속해서 미뤄지고 있었다.어쨌든 디자인은 내

오늘 배운 것 Vue Component Basic 컴포넌트 작성 Props를 이용해 자식 컴포넌트로 데이터 전달 emit을 이용해 부모 컴포넌트로 데이터 전달 event bus를 이용해 형제 컴포넌트 사이의 데이터 전달

Vue는 UI를 만들기 위한 프론트엔드 프레임워크이다.vue.js공식문서를 통해서 배운 것을 정리해보려고 한다.모든 예제는 vue.js 공식문서에서 가져와 필요에 따라 약간의 수정을 한 것임을 밝힌다.모든 Vue앱은 Vue 생성자 함수로 Vue 인스턴스를 만드는 것으로

기업 협업 프로젝트에 참여하게 되었다. 태그바이컴퍼니라는 곳에서 인스타그램 링크모음 페이지 같은 것을 만들게 될 것 같다. 아직 미팅 전이라 구체적인 요구 사항을 알지는 못하지만, 그 동안 써왔던 react를 잠시 내려두고 vue를 배워야 할 것 같다. 파이널 프로젝트

파이널 프로젝트 아이디어 피칭이 시작되었다. 기업협업 제안도 2곳에서 들어왔다. 한 달 동안 진행해야 할 마지막 프로젝트이니만큼 신중하게 프로젝트들을 살펴보았는데, 아무래도 취업연계형 기업협업 프로젝트가 끌린다. 취업이 안되더라도 현장 분위기도 파악할 수 있고 여러모로

react-create-app을 통한 SPA(Single Page Application)구현 및 React-Router-Dom을 통한 path에 따른 분기로그인, 회원가입 ,소셜로그인(Client)채팅방화면 (대화 주고 받기)CSS를 통한 디자인 적용 및 애니메이션 구

채팅화면을 리팩토링했다. 지난번에 함수 하나로 복잡하게 구현했던 것을 질문을 만드는 함수와 답변을 만드는 함수로 분리해서 만들어주었고, 답변 객체를 처리할 때 기존에는 질문-답변 배열 안에 있던 질문 객체 안에 답변 객체를 추가하는 방식을 사용했는데, 리팩토링하면서 아

리엑트에서 url에 포함된 쿼리를 가져오기위해서는 그림과 같이 props.location.search로 접근하면 된다.브라우저 혹은 Node.js(글로벌 변수window에 접근 허용시)에서 url에 포함된 쿼리스트링을 가져오기 위해서는 window.location.se

채팅화면을 구현했다. 리엑트에서는 DOM에 직접적으로 appendChild를 해줄 수 없었고, state를 변경하는 방식으로 구현해야했다. 그런데 질문과 답변 즉 채팅이 버튼을 누를때 마다 하나씩 생성이 되어야해서 고민을 정말 많이했다. 바닐라JS였으면 그냥 appen

함께 프론트앤드를 맡은 페어 분과 함께 개발환경세팅을 했다. create-react-app으로 시작하기로 했는데, 생각보다 시간이 꽤 걸렸다. 단순히 리엑트 앱만 설치하면 될 줄 알았는데, Git branch문제도 있었고 create-react-app 안에 기본적으로