react iframe에 의해 클릭 안되는 문제 해결 https://www.inflearn.com/questions/404668/react-%EC%A0%80%EC%9E%A5-%EC%8B%9C-iframe-%EA%B0%95%EC%A0%9C-%EC%9E%AC%EC%83%9D%EC%84%B1-%EB%AC%B8%EC%A0%9C react 저장 시 iframe 강제 재생성 문제 - 인프런 | 질문 & 답변 create react app을 통해 프로젝트를 진행 중입니다. 원래 컴퓨터에서는 프로젝트가 정상적으로 작동 되었는데, 다른 컴퓨터에서 git clone을 받아 npm install 후 npm start 진행하니, 1. Cannot read pro... www.inflearn.com
리액트 팝업창/모달/다이얼로그 구현하기, 삭제버튼 구현, 구조분해할당 https://jaeseokim.dev/React/React-Portal_Render%EC%9D%98_%EC%B0%A8%EC%9D%B4%EC%A0%90_%ED%99%9C%EC%9A%A9%EB%B0%A9%EC%95%88_%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0/ [React] Portal, Render의 차이점, 활용방안 알아보기!최근 Kakao Map Api를 React Component 라이브러리로 개발을 진행하며 자주 사용하게 된 ReactDom의 Portal 기능에 대해서 공부를 하면서 Render와 어떠한 차이점이 있는지 그리고 활용방안에 대해서 정리 해jaeseokim.dev Portalcreate를 이용하여 구현 나는 navbar 안에 있는 login butt..
styled-component 로 코드 리팩토링하기 0. 왜 공부하나해커톤 웹사이트를 만들며 팀원의 코드 간에 css 간섭이 일어나 몇번의 수정을 거쳤다. 리액트에 css를 주는 방법이 다양하지만, styled-component는 알고만 있었지 사용해본 적은 한번밖에 없는 기술이다.시행착오의 해결책으로 styled-component로 방식을 바꾸기로 하였고, 생코 교수님 강의를 들어보려 한다. 강의 시간이 14분밖에 안되니까 정리겸 한시간안에 끝내는 걸 목표로 하며 블로그를 켰다. 1. 기존의 인라인 css 선언과 styled-component의 비교 - 왼쪽은 함수를 정의하고 리턴값으로 버튼태그를 두어 버튼 태그를 최상위 태그로 하는 컴포넌트를 생성한다. - 오른쪽에서 styled-component를 살펴보면, styled-components를 ..
m1에서 가상머신으로 우분투 설치하기 얼마전에 맥북을 사서 intel에서 m1으로 갈아타게 됐는데, 마이그레이션을 했기 때문에 대부분의 프로그램이 그 전과 같이 작동하였다. 그치만 virtual box가 자꾸 에러가 떴고... 하루종일 에러를 잡기 위해 삽질했는데 m1에서는 virtualbox가 안된단다 ...🤦🏻‍♀️ 대신 UTM을 사용하여 리눅스 서버를 돌리는데, 기록해두면 좋을 것 같아서 오랜만에 블로그를 들어왔다. https://devlogjoy.tistory.com/28 [Mac] M1 가상머신으로 ubuntu 설치 및 실행 (VirtualBox, UTM) VirtualBox 대신 UTM Window 에서 리눅스 공부를 할때 같은 방법으로 Mac M1 에서 공부를 하려 했더니 M1 에서는 VirtualBox 를 사용할 수 없단다....
syncswift 세션 내용 정리 Widget 세상으로 가는 입구가 여깁니다 Leeo @포항공대 위젯을 고민하게 되는 경우 1. 사용자마다 다른 정보를 보여주고 싶을 때 -> 투두리스트 2. 사용자가 반복해서 확인하는 정보 -> 주식정보 3. 상황에 맞는 정보를 줄 때 ->디데이 디데이가 되면 컨텍스트 바뀜, 날씨앱에서 비가 오면 ui 바뀜 위젯이 무엇인가요? 위젯을 시작하게 되는 경우의 수 위젯 개발을 하는데 필요한 개념 -4개 위젯의 개발 순서 우리가 만드는 애플: 두번째 처음 백수영 @Apple developer academy, IT Manager 첫번째 처음 한국 첫 애플 스토어 첫 멤버 - Apple 가로수길 두번째 처음 한국 첫 애플 개발자 아카데미 첫 멤버 - Apple Developer Academy @POSTECH 계속된..
외주일지6 구글, 네이버 검색 등록하는 방법 한건 없는데 시간만 엄청 끌었던 외주가 드디어 끝이다.. 검색 엔진 등록은 지난번 김용명 테스트때 네이버만 하고 구글은 안했던 것 같은데 이번엔 구글도 해봤다. 아..그리고 ..당분간은 외주 안할 것 같다 .. https://growthacking.kr/%EA%B2%80%EC%83%89%EC%97%94%EC%A7%84%EC%97%90-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%93%B1%EB%A1%9D%ED%95%98%EA%B8%B0-seo/ 검색엔진에 사이트 등록하기 SEO - 재밌는 그로스해킹 growthacking.kr
[외주일지 5] og image 캐시 지우는 방법 https://developers.kakao.com/tool/debugger/sharing 카카오계정 accounts.kakao.com 요기 들어가서 지우면 된다...! og image를 바꿨는데 카톡에 보내도 바뀐거 확인 안될 때 ,, 에휴 이 지긋지긋한 외주 끗 ^^ ..
Three.js 로 움직이는 지구본 만들기 https://velog.io/@whdnjsdyd111/Three.js-%EA%B8%B0%EB%B3%B8-%EA%B5%AC%EC%A1%B0 [Three.js] 기본 구조 원시 모델 Three.js 의 원시 모델이란, 런타임에 다양한 인자들로 정의한 3D 모양을 의미한다. 주로 공, 육면체 등으로 3D 그래프를 만드는데 사용한다. BoxGeomtry 육면체 CircleGeometry 원 ![](https://images.v velog.io 원에 이미지 씌우고 모션 주기 .. 재밌다 예전에 사둔 three.js 강의 천천히 들어봐야겠다 ㅎㅎ
외주일지 4 AWS S3로 배포하기 다행히 데이터를 가져오기만 하는 건 정적 웹사이트라서 s3로 충분히 웹을 배포할 수 있다고 한다. AWS 정적인 웹 호스팅하기 (S3 이용) 2020 AWS 에서 가장 핫한 서비스는 S3라고 합니다. 제 경험상 AWS를 입문하기 가장 쉬운 서비스는 S3라고 생각됩니다 :-) 이번에는 제가 제일 처음 공부했던 "정적인 웹 호스팅"을 포스팅하려 합니다. velog.io 전체적인 과정은 위의 글을 보고 따라했고 아래는 내가 하면서 기억해둘만한 거 몇개만 적어둔다!