여씨의 개발이야기

netlify 를 잘 쓰고 있는 도중 갑자기 크레딧이 0이 되었다는 날벼락을 맞고 충격에 빠졌지만 그래! 그냥 만오천원 태우자~ 싶어서 한달만 딱 personal 플랜을 결제했다.그러고 잊어버릴까봐 바로 플랜을 변경하려고 변경 화면에 들어왔는데...여기서 다시 switch to free 를 클릭! 다음달 22일부터 다운그레이드 된다는 버튼을 선택하면다시 한 번 생각해보라는 팝업이 뜬다!(이미 변경하고 난 뒤라 필자가 다시 눌렀을 때는 바로 다운그레이드로 넘어가서 이미지는 따로 없다;;) 그래서 오케이~ 하면 다음과 같이 4.5불로 변경되어있다!나이스~~~ 9월까지 야무지게 쓰겠습니다ㅋ

안녕하세요 고구마맛탕 짱구를 먹고 사랑하는 사람과 떨어진 낙엽을 콰사삭 콰사삭 밟으며 산책하는 것 그게 행복이지요

안녕하세요 여동글입니다.🙂 별안간 , , , 손에 나는 땀이 스트레스 받아 드디어 출동합니다 약국으로 예 저 다한증 있습니다 지도에서 약국찍고 가봤더니 익숙한 곳..5층약국 나 면접보러 갈 때 우황청심환 샀던 곳 약사님이 나 힘내라고 젤리까지 챙겨주셔서 기억에 남음🥹 드리클로 드디어써보내요... 학창시절에 칭구가 강추함 오늘 점심 파견가기전 동동주 한 잔 오늘도 날씨 참 좋았다~

[✨What I Learnt]Case리엑트... react... 왜 사용하냐하면말문이 턱 막힘머락오 머락오 말해야하지...?What I Learnt쌩JS를 사용해서 UI를 수정하려면HTML을 직접 건들여야 함React의 State를 이용하면상태값에 따라 UI를 수정할 수 있음또...추가적으로 정리할 예정일단 오늘까지 아래와 같이 마인드맵을 정리하였다.

[✨What I Learnt]Casetypescript 강의를 듣던 도중 오랜만에 접한 react와 상태관리.정말 새까맣게 잊어버려 기억이 하나도 안 났다. What I Learnt상태관리란?프론트엔드에서 상태관리는 애플리케이션의 다양한 데이터 상태를 추적하고, 이를 관리하여 UI의 일관성과 사용자 경험을 유지하는 중요한 역할을 한다. 상태(State)는 컴포넌트나 애플리케이션의 현재 상태를 나타내며, 예를 들어 사용자가 로그인했는지, 특정 목록에 선택된 항목이 무엇인지, 페이지에 표시할 데이터가 무엇인지 등을 포함한다.프론트엔드 애플리케이션은 사용자와의 상호작용을 통해 지속적으로 상태가 변경된다. 이를 관리하려면 다양한 도구가 필요하다. 기본적으로 React의 useState와 useReducer, R..

📢 이 버그 좀 보세요!🐞 버그가 나타난 이유?name can no longer contain capital letters 해석 그대로,,, 리액트 프로젝트에는 대문자가 들어갈 수 없다고 한다. 🕸 어떻게 이 버그를 잡을까?프로젝트명을 소문자로 변경해주었더니 프로젝트가 생성이 잘 된다.

* 파라미터변수? :타입 = 파라미터변수 :타입 | undefined * 타입이 하나로 확정되지 않았을 경우?  - Type Narrowing을 해줘야 함(if, else로 type of 체크) - 또는 assertion문법(타입덮어쓰기) * Literal types : 변수에 뭐가 들어올 지 더 엄격하게 관리 가능하며 자동완성 힌트도 줌. const의 업그레이드 느낌 * object 자료를 완전히 잠궈놓기 위해서는 as const * 함수에 타입 지정 가능type NumOut = (x : number, y : number ) => number let ABC :NumOut = function(x,y){ return x + y}

티스토리도 드디어 블로그 챌린지를!최근에 본 유투버 드림코딩님의 영상을 인상깊게 보게 되었는데 마침 티스토리가 블챌을 시작한다고 하여!(참고로 영상은 요거입니다! https://www.youtube.com/watch?v=T7y6Hl0YZ14&t=301s )이렇게 맞물린 좋은 기회를 갖고 개발일지를 써보고자 한다 😊아직도 우왕좌왕 하루살이 개발자지만, 이렇게 조금씩 작은 발판 하나 둘 만들어 밑거름 삼아 성장할 수 있는 기회가 되길! 1. 실수를 통해 배우자 단순 실수가 실수로 끝나지 않고 내가 무엇을 놓쳤는지. 그리고 이런 실수를 하지 않기 위해서는 실수를 정확히 파악하고 문제점을 찾아내어 보완하자. 2. 피드백을 받아라 (주변 동료. 상사등에게 구체적(개발. 개선하고싶은부분)인 feedback을 요구..

🤔개요websquare에서 submission을 이용한 api 연동 테스트를 해보고자 한다. 🌐개발환경WebSquare Studiojdk17api는 공공데이에서 제공하는 데이터 아무거나 가져옴https://www.vworld.kr/dev/v4dv_2ddataguide2_s002.do?svcIde=smalllibrary https://smart.incheon.go.kr/server/rest/services/Hosted/%EB%85%B8%EC%9D%B8_%EB%B3%B5%EC%A7%80%EC%8B%9C%EC%84%A4_%EC%A0%95%EB%B3%B4/FeatureServer/192/query?where=1%3D1&outFields=*&outSR=4326&f=json 👣 Submission이란?일단 그..

{ "compilerOptions": { "target": "es5", // 'es3', 'es5', 'es2015', 'es2016', 'es2017','es2018', 'esnext' 가능 "module": "commonjs", //무슨 import 문법 쓸건지 'commonjs', 'amd', 'es2015', 'esnext' "allowJs": true, // js 파일들 ts에서 import해서 쓸 수 있는지 "checkJs": true, // 일반 js 파일에서도 에러체크 여부 "jsx": "preserve", // tsx 파일을 jsx로 어떻게 컴파일할 것인지 'preserve', 'react-native', 'react' "declaration": true, //컴파일시 .d..

🤔개요타입스크립트를 쓰는 이유? 일반적인 자바스크립트는 다이나믹 타입을 지원하는 언어이다. 이래서 장점도 많을 수 있지만 1줄 2줄 3줄,,,, 늘어가는 코드의 줄에 따라 개발자의 영혼가출량은 비례한다. 그렇게 타입에 따른 오류가 많이 발생하곤 하는데, 이를 잡아줄 수 있는 언어로 등장한 것이 바로 타입 스크립트!심지어 오탈자 지적도 해줌 🌐개발환경vscodenode js 최신버전(언제나) 👣 타입스크립트를 사용하려면?1. 일반 프로젝트일 경우 프로젝트 폴더에 npm install -g typescript타입스크립트를 짠 후에는 컴파일 필수! 컴파일이 된 js 파일을 참조해야 한다. 2. 리액트 프로젝트일 경우 2-1. 이미 진행중인 프로젝트 npm install --save typescript @..

🤔개요보통 vscode를 처음 설치하고 터미널을 이용하려고 할 때 이 오류를 많이 접할 것이다. cmd에서는 실행이 되는데 왜 vscode에서만 안돼요? vscode를 처음 사용했을 때 많이들 봉착하는 난관이다. 나 또한 그랬다. 🌐개발환경vscode👣 PS ~~~ 이 시스템에서 스크립트를 실행할 수 없으므로 ~~~ 파일을 로드할 수 없습니다. 왜 이런 오류가 뜨는 걸까?파워쉘에서 명령어를 실행하기 위해서는 권한을 부여받아야 가능하다고 한다. 설정하는 방법은 vscode를 관리자권한으로 실행한 뒤 아래와 같은 명령어를 powershell에서 실행하면 된다.$ Get-ExecutionPolicy$ Set-ExecutionPolicy RemoteSignedExecutionPolicy를 Restricte..