노드를 이용해서 서버를 개발하려고 하는데... 정작.. 자바스크립트를 많이도 까먹었다.해서 이번 기회에 확 정리하고자 한다. 변수? 1) 자바 스크립트는 동적 언어로, 변수 타입을 미리 선언하지 않는다(까먹었음!)2) 타입은 프로그램이 처리되는 과정에서 파악하니 내가 굳이X3) 혹시 데이터 타입을 확인하고 싶다면 typeof()를 이용할 것. 그렇다면 이와 관련해서 간단한 코딩을 해보자. console.log(cat);var cat = "cute";console.log(cat);//변수 타입을 미리 선언할 필요가 없음. 타입은 프로그램이 처리 과정에서 자동으로 파악하기 때문이다! 출력방법은 비주얼코드에서 노드로 선택한 뒤, control + f5 를 누르면 간단하다.그치만.. 우리는 터미널을 앞으로 더 ..

졸업 프로젝트를 맞아, 어쩌다보니 백엔드를 맡게 되었다(?) 내 최종적인 개발자의 목표는 풀스텍개발자였으므로, 오히려 좋다(?)라는 의미로 공부를 하게 되었다.우선 졸업프로젝트에 다룰 툴은 안드로이드 스튜디오이고 이를 위한 개념을 정리해보자. AndroidStudio -> Json -> Server(Node.js) -> PostgreSQL(DB) -> Server(Node.js) -> Json -> AndroidStudio로 운행되는 구조를 이해하고 배울 수 있었다. 그렇다면,  PostgreSQL 를 사용하는 이유는 무엇인가?-> Prisma는 직관적인 데이터 모델링과 API 생성을 통해 개발 시간을 단축시키기 때문이다. 또한 아직 제대로 배우지는 못했지만, 찾아보니 생각보다 구조가 쉽고 이해가 빨랐다..

저번 주에 했었던 네비게이션 바를 응용하여 배달의 민족 앱을 통해 연습을 해보았다!(참고로 그냥 화면 캡쳐해서 연습용임!!!)  1단계: build.gradle에서 필요한 라이브러리 추가 implementation("com.google.android.material:material:1.10.0") 위와 같이 추가하면 된다. 추가하는 이유는 하단 네비게이션 바를 사용하려면 Material Components 라이브러리가 필요해. 이 라이브러리가 없으면 BottomNavigationView를 사용할 수 없기 때문이다. 2단계:activity_main.xml에BottomNavigationView추가하기하단에 표시할 네비게이션 바를 화면에 표시할 UI를 만들어야 하기 때문! 나는 아래와 같이 구성했다.Frame..

오늘은 앱 개발을 하다보면 가장 많이 사용하게 되는 네비게이션을 하는 방법을 알아보겠다.참고로!!!!!! 이건 본격적인 앱 개발을 하기 전 만드는게 좋다! 안그러면 헷갈리고 복잡하게 느껴질 수 있다. 꼭 본격적으로 xml 구성 전, 미리 구성하는 것을 매우 추천한다.(경험담이다)  1. build.gradle 에 라이브러리 추가 dependencies { implementation("androidx.navigation:navigation-fragment-ktx:2.7.6") implementation("androidx.navigation:navigation-ui-ktx:2.7.6") implementation("com.google.android.material:material:1.10.0..

깃허브 포트폴리오 사이트를 만들 수 있다고 한다! KateteDeveloper.github.io 이런식으로 본인의 닉네임 뒤에 깃허브io를 붙여서 생성을 하면 된다.   다만, 아직 나는 웹개발자로서는 부족한 부분이 있어서, 무료로 배포해주신 깃허브 링크를 통해 이를 받아서 수정하려고 한다. 내가 가져온 것은 https://github.com/congchu/web-porfolio 여기서 받았다! 다들 사용하실 때, star를 꼭 붙여주시기를 바란다. 열심히 개발 후, 배포가 학생들에게는... 매우 큰 감사이기 때문이다. 코드를 수정하면서 배울 점도 많다! 그렇다면 바로 개발로 가보자!    우선 사이트에 들어가면 보이는 안내대로 하였다. fork 한 뒤, 내 깃허브 포트폴리오로 들어갈 수 있도록 하였다...

구루 프로젝트를 할 때... 중요한 깃허브 연동에 대한 내용을 지금 정리해보려고 한다! 나는 아예 빈 파일(생성만 한) 프로젝트를 깃에 연동하는 방법을 자세히 적어보고자 한다. shift 두 번 누른 뒤,  git을 검색하면 된다. 만약 개인적인 프로젝트면 GitHub 선택해서 푸쉬하면 그만이다~!  위와 같이 작성하면 된다! 참고로 모두 올려야 한다!(나중에 버전이 안 맞는 등 다른 기본적인 환경에 대한 오류는 잡기 어렵다...)  Add를 해준다. 이후 시간이 지나면, 깃에 올라갔다는 알림이 뜬다!   이동하면 위와 같은 화면이 뜰 것이다!   들어가서 추가하기를 원하는 팀원을 넣어주면 된다! 나는 이건 연습용이기에 따로 추가하지는 않겠다.혹시 깃허브 데스크 탑이 있다면, 편하다! 들어가서,  수정사..

오늘.. 2시에 1차 합격이 되었다는 문자를 받았다...😁 정말 간절했던 동아리 소식이여서 행복했다...❣mash-up, 코테이토 이미 두 개의 연합동아리에서 서류탈락을 맞았던 나로서는 정말 기쁜 일이다. (왜 떨어졌는지는 면접 준비를 한 후 포스팅 할 예정이다) UMC 자기소개서에도 활동 내용을 담기 위해서 노력했었는데... MARKs 스터디 과정(3~6월) 진행한다고 한다.나는 여기에서 스터디를 열심히 하여, 개발자로서 성장하고 싶다는 내용을 적극적으로 담았다! 우선 나는 4학년이지만, 스스로 🥔라고 생각하는 사람이기에, 주니어 코스로 지원했다. 주니어 코스는 해당 파트의 기초 지식은 있으나, 개발 경험이 적거나 없는 학생 대상이었고 나는 이제까지 구루1,2 프로젝트를 진행해본 경험이 다였기에 나..

react를 사용하면, 아주 간단하고 호환성이 좋다고 한다... 아직 나는 자세하게 몰라서 오늘은 웹 페이지 개발하는데 간단하게 이용된다 정도로만 이해하고 넘어가겠다. 그러면 react를 이용해서 한 번 프로젝트를 만들어 보겠다! 처음이기에 아주 처음부터 남길 예정이다.  1. 새로운 react 앱 생성 터미널에서 npx create-react-app my-react-app를 입력한다. 참고로 my-react-app는 프로젝트 이름이기에, 원하는 이름으로 변경해서 생성하면 된다.  약간의 시간이 흐른 뒤, 생성되면 explore에 폴더 구조가 뜨게 된다. 폴더 구조는 이렇게 된다(from GPT) 우리는 여기서 src에 원하는 코드를 추가할 것이다. 이건 다른 프로그램들과 유사하다.my-react-app..

최근 웹 프로그래밍을 주로 react를 이용하여 사용한다고 한다. 일단 나는 기존에 이클립스, 비주얼 코드를 이용해서 웹 프로그래밍을 해본 경험이 있기에 이를 살려 오늘은 우선 react부터 다운로드를 받아서 사용해보겠다😊  1. node.js을 다운로드 받는다!  -> https://nodejs.org/ko *다운로드가 잘 되었는지 확인 하는 방법은 cmd를 연다. node -v, npm -v를 입력해서 버전이 뜨면 된다.(나는 2025.02.25에 node.js를 재설치하고 다운로드를 받았기에 아래와 같은 결과가 나왔다) C:\Users\사용자>node -vv22.14.0C:\Users\사용자>npm -v10.9.2 2.  비주얼 스튜디오 코드에서 터미널을 연다.(이게 제일 작업하기 편하다!)  3..

예전 수업시간에는 이클립스를 이용하여 웹프로그램을 구현한 적이 있다... 그렇지만 이는 여간 까다롭고 고려할 점이 많아, 웹프로그래밍에서 많이 사용한다는 visualCode에서 간단한 회원가입을 구현해고자 한다! 우선 html를 구현해보자!최근 구현한 https://katete051.tistory.com/18 를 참고해서 제작하였다! 오늘은 이름, 전화번호, 생년월일 정도만 mysql에 저장될 수 있도록 할 것이기에 테이블 비율만 조정하여 수정했다:) html 코드  회원가입 이름 생년월일 ..