공부하는 김쨔뿌

오늘의 공부 오늘 폴더에 이미지를 넣었으나 웹사이트에 업로드 되지 않아서 오잉또잉이거외이뤠;;이러던 차에 ㄷㄱ님이 허들해주심... (블로그에 실명을 적어도 되는지 모루겟따ㅠ) 전에 한창 면접보러다닐때 찾아봐서 클라우드프론트의 존재나..왜 쓰는지나 알고 있었지만 ㄷㄱ님이 말씀해주시니 어쩐지 새로운 느낌.. 뇌가 대체 언제 백지화가 된건지. 사용자의 가장 가까운 위치에 있는 CloudFront 에 CDN이 S3에 있는걸 캐싱해서 보여준다.. 내가 여태 어버버거리며 말하고 생각하던걸 고수님이 한줄정리해주니까 뇌에 ! 를 height:100vh;정도의 높이로 띄움. 그러다가 전에 항해99에서 프로젝트할때 구글갓을 뒤져서 깃허브액션으로 클라우드프론트의 무효화를 진행했었는데 여기서는 솔직히 코드만 봐선 잘은..모르..

아니 왜 벌써 시간이 이래 오늘의 공부 가볍게 니꼬쌤 영상 보고 테스트 해봄. https://github.com/jjubbu/Try-React/blob/main/src/pages/HtmlTest.js GitHub - jjubbu/Try-React: 이것저것 테스트 해보는 원격저장소! 이것저것 테스트 해보는 원격저장소! . Contribute to jjubbu/Try-React development by creating an account on GitHub. github.com 디바이스 크기에 따라 다른 이미지 혹은 동일한 이미지를 사이즈별로 띄우는건 제외함. 일단 이미지..구하기 귀찮음+시간너무 늦음+졸려서.. 기존에 늘어나고 줄어드는 막대기 만들때는 div안에 span 넣고 span의 사이즈를 변경해줬..

모레면 주말..수요일까지 설날휴일..! 오늘의 공부 노마드코더 리액트 네이티브 초급 강의 1.7강 완료. - expo 기본 셋팅 $ expo init 프로젝트명칭 무슨 템플릿으로 할 지 뜨는데 맨 위의 blank 템플릿 선택 후 엔터. $ expo login expo 에 가입한 계정의 유저네임과 비밀번호 입력 $ npm start 혹은 $ yarn install 브라우저에 localhost:19002 열고 깔아둔 expo 어플을 열어서 내가 생성한 프로젝트가 있는 지 확인. 프로젝트 탭 후 열리는지 확인. ! 열리지 않는다면? localhost:19002 페이지의 좌측하단 connection 을 Tunnel로 설정하고 다시 어플로 들어가서 새로고침. 링크가 기다란 새로운 프로젝트가 생기면 탭. 기본 셋팅..

급여 들어와서 돈 쪼개느라 시간 다 보냄 오늘의 공부 회사에서 js ||(or)문 쓰다가 줄이는 방법 찾다가 includes 발견. 전 if(A === "a" || A === "b" || A === "c" || ...) {실행문} 후 if(["a","b","c"...].includes(A)){실행문} https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/includes Array.prototype.includes() - JavaScript | MDN includes() 메서드는 배열이 특정 요소를 포함하고 있는지 판별합니다. developer.mozilla.org 오늘의 작업 오늘 모바일 뷰 4개 만듦......

인턴 3일차. 오늘도 아침 스크럼때 언어의 장벽에 눈물이 줄줄남. 오늘의 공부 리액트에서 scss 쓸 때 다른 scss 파일에서 scss파일로 mixin import 하려면 mixin이 선언된 scss 파일 _A.scss (_ 붙여야 함) import로 A를 부를 B.scss B.scss 에서 무조건 최상단에 @use "A"; 최상단인 이유는 이게 use의 룰이라고 함. 이거 모르고 쓰다가 에러떠서 머리 싸매다가 고침. 그리고 mixin 사용할땐 @include A.mixin선언한이름 ; 변수도 A.$변수이름 string 안에 변수 쓸때 "#{$변수명}" 쓰면 적용 됨. 공부는 오늘도 갓-박영우님의 블로그 참고. 벨로퍼트님과 쌍으로 나의 개발공부 인생에 큰 영향 주신분.. https://heropy.bl..

인턴 2일차, 회사 사람들 엄청 착하심. 짱 좋음. 오늘의 공부 cra 후 scss 설치만 하면 사용할 수 있다는걸 알게됨. 이 게시글 보고 사용함. https://heropy.blog/2018/01/31/sass/ Sass(SCSS) 완전 정복! Style(CSS) 작업 시 필수가 되어버린 CSS Preprocessor(전처리기) Sass(SCSS)에 대해서 이해하고, CSS로 컴파일하는 방법부터 자세한 SCSS 문법까지 살펴봅니다. heropy.blog 예전에 처음 scss 공부할 때 이 게시글 보고 했었는데 오늘 적용하려하니 다 까묵어서 다시 봄. 한 프로젝트 안에 여러 페이지의 스타일 작업을 하려고 하니까 확실히 css로만 작성하긴 힘들음. 특히 용도가 같으나 구조가 달라 컴포넌트 분리를 하기 어..

드디어 회사 감. 오늘의 공부 터미널에서 cd 후 탭 하면 파일명 자동완성 되는거 처음 알게됨. 오늘의 작업 회사에서 한 일 써도 되나? 모바일 페이지 하나 만듦. 개인 프로젝트는 레포지토리에 기본 cra 일단 넣어두고 figma로 웹디자인 작업중. 근데 이거 어플로 내서 수익 낼만 한데? 싶어지는 상황.

내일이 인턴으로 첫 출근..! 오늘의 공부 https://react.vlpt.us/ 벨로퍼트와 함께하는 모던 리액트 · GitBook 벨로퍼트와 함께하는 모던 리액트 본 강의자료는 패스트캠퍼스 온라인 강의에서 제공하는 리액트 강의에서 사용되는 강의 문서입니다. 이 튜토리얼은 여러분들이 JavaScript 의 기초를 잘 알고있 react.vlpt.us 위의 글을 참고하여 props까지 개념정리..도중 스톱. (사유: 졸림) 티스토리에서 임시저장하거나 업데이트하기 불편해서 노션에 넣음. https://bright-bovid-f36.notion.site/React-71cf313d02f443aaaaaaf78fbc731261 React 공부 업데이트 bright-bovid-f36.notion.site Contex..

오늘도 집순.. 오늘의 공부 타입스크립트와 리액트 훅을 함께 사용하는 법에 대해서 찾아보았으나 아직 온전히 이해하진 못함. const [number, setNumber] = React.useState(''); 문자나 숫자만 넣는다면 이나 을 넣으면 된다는건 이해했지만 배열의 경우에는 다른 분의 예시를 참고했으나 타입스크립트에서 배열로 된 state를 업데이트 하는 방식을 모르겠다! 참고 링크는 아래. https://react.vlpt.us/using-typescript/03-ts-manage-state.html 3. 타입스크립트로 리액트 상태 관리하기 · GitBook 3. 타입스크립트로 리액트 상태 관리하기 이번 섹션에서는 타입스크립트를 사용하는 리액트 컴포넌트에서 useState 와 useReduce..

코드브릭 인턴쉽 미팅 다녀옴. 미팅 끝나고 배고파서 회사 뒤 마라탕 먹었는데 짱 맛있었음! 오늘의 공부 노마드코더 Typescript로 블록체인 만들기 강의 07~08. 07에서 타입스크립트로 클래스를 사용했는데, 리액트처럼 자바스크립트에서 인터페이스같은 형식을 사용하고싶다면 클래스를 사용하라고 함. 다른 크루원분이 리액트에서 타입스크립트와 함께 인터페이스를 사용했던거같은데..! 싶어서 이 부분은 찾아보기. class 안에서 public 으로 선언한건 클래스 바깥에서도 사용이 가능하나 private로 선언한건 class 안에서만 사용해야함. class 안에서 cunstroctur로 들어온 argument와 클래스에서 선언된 변수가 동일하다고 말하려면 this.00 = 00; 를 적어줘야 한다. this ..