![[C] 출력해보기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbkiHm0%2FbtsMB3Kmb0e%2FhrZkHAcKH3Qk4zvFglwju1%2Fimg.png)
C를 공부하게 되었는데 VsCode가 아닌 VS 2022를 사용한다. 아직은 명령어나 약어를 잘 몰라서 하나하나 입력하고 있는 중인데 전체적인 틀은 자바나 자바스크립트와 비슷한 느낌인데 프로그램 사용시 코드를 얼마나 효율적으로 짰는가에 따라 빌드 시간이 단축된다고 한다. 자바에서도 비슷했던 것 같은데 크게 신경쓰지 않았던 것 같다. 조금 신기했던 점은 자바에서는 public void main 이런 식으로 작성했었는데 C는 일부 컴파일러에서 오류를 발생시킬 우려가 있기 때문에 int main을 사용한다고 한다. 우선은 잘 실행이 되는데 응용프로그램으로 실행을 했을 때는 바로 꺼지게 된다. #include int main() { printf("학번 : \n"); printf("이름 : \n"..
![[React] Recoil이 뭔데요](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fm1maz%2FbtsJY7t7wCb%2FT8WYQMA3u8SQE2EgBJkPIk%2Fimg.png)
1. Recoil 이란?Recoil은 Facebook(Meta)에서 개발한 상태 관리 라이브러리로, React 어플리케이션에서 상태를 보다 더 효과적으로 관리할 수 있도록 도와주는 라이브러리로 볼 수 있다. 1-1. Recoil의 특징Atom : Recoil에서의 상태 단위로, 여러 컴포넌트에서 공유할 수 있는 값이다. Atom의 값을 읽거나 쓸 수 있으며, 값이 변경되면 이를 구독하고 있는 컴포넌트가 자동으로 리랜더링이 되어진다.Selector : Atom이나 다른 Selector의 값을 기반으로 파생된 상태를 생성하는 함수다. Selector의 값을 기반으로 파생된 상태를 생성하는 함수다. Selector를 사용하게 되면 데이터의 계산, 변환, 비동기 처리를 보다 쉽게 할 수 있게 도와준다.Reac..
![[React] yarn 보안오류](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fr63Rg%2FbtsJJMRGO7k%2FiaCwAAbyYR3TEkc6cLhti0%2Fimg.png)
에러 오랜만에 yarn 을 사용하는데 버전 확인도 안되고 저런 오류만 잔뜩 나온다...예전에도 윈도우에서 yarn을 사용하다가 패키지 설치 자체가 되지 않아서 꽤 애먹었었는데 난 이 고양이가 정말 싫다. 원인그때와는 다르게 감사하게도 AI가 있기 때문에 빠르게 해결이 될거라고 생각했다. GPT : 권한 문제이기때문에 관리자 권한으로 실행한 뒤 corepack enable 하면 해결이 가능하다.sudo corepack enable을 했으나 맥과 리눅스에서만 가능한 명령어라고 한다. 아무튼 난 저놈이 계속 관리자 권한으로 패키지를 설치하라는 이야기인줄 알고 1시간을 헤맸는데 도무지 해결될 기미가 보이지 않아서 뤼튼으로 넘어갔다. Set-ExecutionPolicy RemoteSigned 이라는 명령어를 터미..
![[React] 오늘도 API에 문제가 생긴건가?](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbzt0NM%2FbtsJqGXpzP0%2F5YeMjvtu0svnK8iogLgiY1%2Fimg.png)
에러분명 멀쩡하게 잘 되던 친구가 갑자기 데이터를 부르지 못하겠다고 한다...로딩 스피너는 잘 도는데 네트워크를 열어보니깐 지난 번 api 때와 같은 오류 코드가 나왔다. 원인 처음에는 api로 처음 불러왔을 때 페이지수가 45,000개 정도 나와서 불러오는 데이터 값이 초과했나...? 싶어서 그쪽 코드를 계속 손봤었는데 그런 문제는 아니었고 그냥... 휴먼 에러 였다. 나는 원숭이가 아닐까? popular 뒤에 /가 있으면 유효하지 않은 값이기 때문에 아니 애초에 존재하지 않는 값이기 때문에오류가 날 수 밖에 없다. 해결 잘 나온다... 고작... / 하나 오타난거로 이렇게 헤매다니... 오류도 제대로 안뜨고 지옥을 볼 뻔했다. 해결했으니깐 됐다... 아무래도 최신 개봉 영화가 나오는게 좋으니깐..
![[React] API KEY가 승인되지 않았다...](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fux5kX%2FbtsJjSks6nJ%2F3gZPEJcZ5xncKpLNt3iKak%2Fimg.png)
에러 데이터가 제대로 넘어오지 않아서 확인을 해봤는데, { "status_code": 7, "status_message": "invalid api key: you must be granted a valid key.", "success": false }API Key가 유효하지 않다...? 라는 오류가 떠서 확인해봤는데 아무리 해도 해결이 되지 않는다. 원인허탈하지만 내가 API를 가져오는 곳은 새로고침을 하면 API Token이 변경된다... 그리고 무엇보다 .env 경로도 실수를 했다... src폴더 밖에 꺼내야하는데 내부에 넣어서 API를 인식하지 못했다. 결국 휴먼에러였다... 스터디분들이 도와주셔서 혼자 2시간을 헤맸지만 10분도 되지 않아서 해결됐다! .env를 src밖으로 꺼내고 바로 해결..

개요프론트 공부를 시작하고, 강의를 보고 기존 틀에서 수정해서 새로운 것을 만들기만 해왔는데 온전하게 나의 아이디어가 들어간 무언가를 만들고 싶다는 생각이 들었는데 처음 만드는 것은 나를 소개하는 페이지를 만들고 싶었다. 구성첫 페이지처음 보여지는 페이지에는 나의 소개와 깃허브, 이메일, 블로그 이미지를 넣고 클릭시 이동할 수 있게끔 하려고 했고, 첫인상이라고 해야하는지 모르겠지만 나는 어떤 사람인지를 간략하게 적고자 했다. 두번째 페이지두번째 페이지는 내가 어떤 것들을 배웠고, 사용할 수 있는지에 대해서 보여주고자 했는데 꽤 고민을 했다.아이콘으로 가독성 좋게 표현을 할 것인지, 텍스트 형식으로 추가 설명을 넣을지 고민 끝에 간결하게 가기로 했다. 세번째 페이지세번째 페이지는 내가 진행했던 프로젝트를..