주니어 개발자가 되기위해 자기자신에게 가스라이팅 하기

내가 수술한 곳은 천안김안과 천안역본점 !! 김안과 천안역본점안의 모습! 아직 완벽히 회복되지 않았지만 간단하게라도 한달차 후기를 남겨보려고 한다. 라섹을 하기전 수술 할 수 있는 눈인지 검사 해 보는 검사실! 내눈은.........친구말로는 아주....아주.....몹쓸눈이라고 한다ㅋㅋㅋㅋ..... 사실 나는 안구건조증이 되게 심한편이어서 수술예정 당일날 일주일 빡구를 먹었다.....(원래 2주정도 회복하고 수술하는게 더 나을거라고 하셨지만 내겐 시간이 적었다ㅠㅠ) 첫날 너무아파서 진통제를 먹고 바로잤는데 일어나니까 신기하게도 거의안아팠다....! (하지만 진통제 효과가 끝나갈때쯤 다시 죽을만큼 아파왔다... 3일동안은 계속 약을 달고살았던것 같다.) 일주일 폰트크기를 아주키워놔도 핸드폰을 잘 보지 못할..

1. 발생상황 react router 때문에 깃허브에 배포된 페이지가 이상하게 나오는 상황...! 구글링을 해보니 BrowserRouter에 basename={process.env.PUBLIC_URL} 을 추가하면 된다고 한다! ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render( ); 위와같이 진행을 해주었으나 process에 밑줄(에러)이 간 상황 구글링을 다시해보니 1. 터미널에 npm i --save-dev @types/node 로 설치 2. .eslintrc파일의 env에 node:true추가 3. tsConfig.json 파일의 complierOption에 "type"=["mode"]추가 등등 여러가지 방법이 나..

css에서 많이쓰이는 단위인 rem ❗ 이름이 비슷한 em과는 무엇이 다를지 알아보자 이 둘은 상대단위에 속한다. 1. 상대단위 고정되지 않고 어떤 기준에 따라서 유동적으로 바뀔 수 있는 길이 ex) 대표적인 CSS의 상대 단위 em, rem % vw, vh 🔁반대 - 절대단위 ex) px, in... 2. em 부모 요소의 크기에 영향을 받아서 크기가 변함 최상위 요소에서는 보통 1em = 16px이다 부모요소에 따라 em값이 변화 ex) 3. rem 최상위 요소인 html요소에 크기영향을 받아서 크기가 변함 html요소를 건드리지 않았을때 1rem = 16px이다. html에서 font-size를 px로 지정시 1rem의 크기를 바꿀 수 있다. ex)

사실이건 typescript뿐만 아니라 객체지향 언어들에서 다들 봤을만한 단어이다! 이름이 비슷해서(...) 인지 내가 항상 헷갈려해서... 정리해보려고한다. 1. 오버로딩(Overloading) 함수의 확장 ✅ 같은 이름의 메서드 여러개를 가지면서 매개변수의 유형과 개수가 다르도록 하는 기술 꼭! 매개변수의 갯수나 타입이 달라야한다!!!! //오버로딩을 가능하게 할 함수타입 정의 type Add = { (a: number, b: number): number; (a: number, b: number, c: number): number; }; //함수의 정의 const add: Add = (a, b, c?: number) => { if (c) return a + b + c; return a + b; }; ..

1. 타입스크립트 설치 (node.js 필수!!) 터미널에 입력 npm install -g typescript npm : Node Package Manage -g : 작업중인 프로젝트에 상관없이 컴퓨터에 전역으로 설치 2. .ts/.tsx 파일 생성 자신이 원하는 파일이름.ts 또는 .tsx를 적고 생성한다. 파일생성후 원하는 내용의 타입스크립트 작업을 하면된다. 3. js파일로 변환 터미널에 입력 tsc 파일이름.ts tsc : typescript compiler 똑같은 파일이름의 js가 생성된다. 4. 변경내용을 자동으로 js에 입력되도록 만들기 터미널에 입력 tsc -w 파일이름.ts -w : watch(=감시하다) 감시모드가 켜지면서 ts의 내용이 바로바로 변환되어 js파일에 입력되는 것을 알 수..

background-image에서 사용하는 그라데이션의 사용법을 알아보자! 선형, 원형 두가지의 종류가 있다. 1. 선형 그라데이션(linear-gradient) linear-gradient(방향/각도, 색깔1/색깔지분율, 색깔2 /색깔지분율/투명, ...) ex) - 방향/각도 to left top 180deg - 색깔/지분율/투명도 red green 80% transparent (마지막색에 사용가능) 실제사용예시 🔽 background-image: linear-gradient(to left bottom, red 70%, blue 80%, rgba(0, 0, 0, 0.5)); 2. 원형 그라데이션(radial-gradient) radial-gradient(원의종류/방향/지름/각도, 색깔1/색깔지분율, ..

주소(github) 🔹 https://github.com/SeosoyoungE/miniProject GitHub - SeosoyoungE/miniProject: [full-stack]멀티캠퍼스 miniProject - 쇼핑몰 사이트 [full-stack]멀티캠퍼스 miniProject - 쇼핑몰 사이트. Contribute to SeosoyoungE/miniProject development by creating an account on GitHub. github.com 홈페이지에 대한 사진은 https://github.com/SeosoyoungE/miniProject/blob/main/README.md 에서 볼수있다! - 회원, 상품, 장바구니, 리뷰, 주문, 위시리스트 테이블들에 대한 clr(u)d ..

유의사항을 보지 못하고 강의정리글을 올렸었다. 너무 자세한 강의정리와 챌린지 문제, 답안 유출 공개는 금지되어있기에 혼자보기위해 비공개로 올리려고 합니다! 앞으로는 강의정리가 아닌 강의후기식으로 짧게 글을 써보겠습니닷! 또한, 강의를 들으며 따라하다가 안나오는 심화부분/오류해결은 구글링으로 해결 후 계속 올리겠습니다~~