코딩 기록지

개요 다음은 오늘(2022년 7월 19일) 기준 제 깃헙 프로필입니다. 저 같은 경우에는 프로필을 꾸미는 걸 좋아하는 편입니다. 여러 꾸미기를 거쳐 사진처럼 My Stat, Tech Stack, if you wanna know me more로 목차를 구분하여 작성해뒀습니다. 주변 지인 혹은 깃헙 탐색 과정에서 발견한 사이트들을 포스트로 올려두면 많은 분들이 다양한 방법을 통해 자신의 깃헙을 꾸미는데 도움이 될 것 같아 해당 글을 작성하게 되었습니다. 본문 Github 꾸미기 About Github Status 1. Github Profile Summary Cards 깃헙활용 정도를 보여주고 싶을 때 사용하기 좋다. https://github-profile-summary-cards.vercel.app/de..

Bit : 데이터를 나타내는 최소 단위로 이진수의 한자리인 0 or 1을 값으로 갖는다. N비트의 정수형 변수는 N자리의 이진수로 나타낼 수 있다. ex.4 byte인 int의 경우 32bit이기 때문에 2^0~2^31, 즉 2,147,483,648의 수를 표현할 수 있다. N비트가 표현하는 값은 2^0 ~ 2^N-1이다. 2^0 을 최하위 비트(Least Significant Bit), 2^n-1을 최상위 비트(Most Significant Bit)라고 한다. 비트 연산자 비트 논리 연산자 1) & 연산자 (AND, 논리곱) 이진수로 표현된 2개의 피연산자의 각 비트자리값에 모두 1이 있다면 1로 표현 (두 비트 모두 1일 경우에만 연산 결과가 1) ex. 0011 0101 & 0101 0011 -> ..

개요 자바를 18년도부터 써서 20년에 컴퓨터를 바꾸며 버전을 쫙 바꿨는데, 그 이후로는 업데이트를 안했더니 졸필이라 듣는 1학년 강의에서 switch의 화살표 case 레이블과 switch 연산식이 지원이 안되어서 과제를 못내더라구요 ㅠㅠㅠㅠㅠ 처음엔 글자가 꺠지기만 했는데 gradle문서를 바꾸고.... 에러나서 이걸 고쳐보려고 인텔리제이를 업데이트하고,,, SDk랑 Encoding 언어를 다 바꿔보았어요... 근데.. 안되더라구요... 그래서 아예 재설치를 하고 컴퓨터를 켰더니 아직도 이런에러가 발생하였습니다. Unsupported Java. Your build is currently configured to use Java 18 and Gradle 7.2. Possible solution: - U..

Npm : Node Package Manager의 약자로 자바스크립트 언어를 위한 패키지 관리자를 의미한다. (이때 package = npm에 업로드된 js module을 의미) Package.json 프로젝트의 정보와 의존성을 관리하는 파일이다. 어떤 패키지와 버전을 사용하는지 기록하여 어느 곳에서든 동일한 개발환경을 구축할 수 있게한다. 직접 수정하는 대신 CLI를 통해 추가, 삭제, 업데이트하는 것을 추천한다 dependencies에 의존 패키지들이 정의된다 버전 표기 방식(SemVer)범위표기기호설명예시버전 범위 버전 표기와 같은 버전에서 자동 업데이트가 진행되지 않는다 0.0.1 =0.0.1 ~ 버전표기 규칙중 마지막 자리(patch버전)에서만 자동 업데이트 ~0.0.1 >=0.0.1 and =..

개요 CS 스터디에서 1주차 진행 내용으로 HTTP 프로토콜의 특징과 상태코드를 이야기하게 되었습니다. 제가 공부했던 내용을 한번 정리해 봤습니다 ! 본론 HTTP란? Hypertext Transfer Protocol의 약자로 번역하면 하이퍼텍스트를 기반으로 데이터를 전송하는 프로토콜을 말한다. 월드와이드웹(WWW)에 내장되어있고, 인터넷 상에서 문서(이미지, 영상, 오디오, html문서, 텍스트 등 어떤 종류의 데이터든 가능)를 주고받기 위해 사용된다. HTML의 특징 1. Server-Client Model (클라이언트-서버 모델) : 클라이언트가 서버로 요청을 하면 서버가 클라이언트로 응답하는 구조 서버 : 클라이언트의 요청을 받아서 해석하고 응답하는 SW가 설치된 컴퓨터(ex. Apache, ng..

개요 이제 점점 다른 일을 감당할 수 없을만큼 일을 벌리고 있단 생각이 드는 아침이네요.. 4월 5월 많이 바쁠텐데 이번에 또 CS스터디를 시작했습니다. 뭐 죽기야 하겠다만 해야하는 일이니.. 3개월만 버텨봐야죠 ㅠㅠㅠㅠ 1주차 CS스터디로는 HTTP 프로토콜의 특징, HTTP 상태코드, 4 Way Handshake를 공부하고 회의 당일날 뽑기를 통해 설명할 개념을 정해 다함께 공부를 진행하였습니다. 첫주차라 그런지 어영부영 차례대로 공부한 걸 이야기하고 나니 20분도 안되어서 끝이 났더라고요... 다음부턴 자신이 공부한것도 보충으로 설명해서 말하고 서로 궁금했던거나 더 알고싶은 개념을 나누는 시간을 가져봐야겠습니다! 아무튼 제가 이번에 뽑게 된 4 Way Handshake를 빠르게 설명 드리고 다음 개..

개요 next JS를 공부하려고 노마드 코더 인강을 틀었는데 nextJS에 대한 제대로 된 설명 없이 바로 실습으로 들어가려고 하시길래 "nextJS가 일단 뭔데...?"라는 생각으로 검색을 시작해봤습니다. 본론 기본 주제 : next JS가 무엇인가? nextJS는 SSR을 지원하는 react 프레임워크입니다. 여기서 SSR과 React의 개념을 조금 짚고 넘어가려고 합니다. React란 무엇인가? react는 페이스북에서 만든 컴포넌트 단위로 UI를 구성할 수 있게 한 자바스크립트 라이브러리를 말한다. 기본적으로 SPA(Single Page Application)를 지원하며 CSR 방식으로 화면을 전환한다. SSR(Server Side Rendering)과 CSR(Client Side Renderin..

개요 안녕하세요. 코찔이입니다...! 드디어 개강을 하게되었는데요.. 4학년으로 복학하고 과의 마지막 꽃이라는 팀프로젝트 강의를 들으며 서비스를 기획,개발하게 되었습니다.... 어쩌다 운좋게 정말 대단한 분들과 팀플을 하게되었는데,,, 제가 너무 부족한것 같아서 오늘은 사전 회의에서 들었던 개념들을 미리 공부하는 시간을 보냈습니다... 저한테 최적화된 공부방식은 마인드맵을 이용하는 건데요... 개념을 공부할때 A4용지를 하나 꺼내 조사하면서 배운 내용을 하나하나 연결지어 마인드맵을 만들어 공부를 하면 기억에 오래 남아서 자주 이용하는 편입니다. 공부를 하고나면 이 종이들은 그냥 책상 한 켠에 쌓여있다가 쓰레기통으로 사라졌는데요. 그냥 버리기 아깝기도 하고 인터넷에 올려놓으면 종이를 잃어버려도 다음에 또 ..

프로그래머스에서 이번엔 해시를 해볼까? 하다가 알고리즘을 배운지 1년 여 되어가던 찰나라 다시한번 해시를 다시 간단하게 공부해보았습니다!! 알고리즘을 깊게 공부하는 것은 좋지만 정리/요약은 간단히 하는게 더 좋다고 생각해서 간단하게 했습니다 :) 1. Hash 1.1. Hash란? Hash : 임의의 길이를 갖는 데이터를 고정된 길이의 데이터로 변환(매핑)하는 것 Hash Function : hash 기능을 수행하는 함수 - 하나의 값은 동일한 결과를 가져온다. // 만약, 인풋으로 10가지의 경우가 들어갈 수 있는데 아웃풋으로 다섯개의 경우만 나올 수 있다면? -> 해시충돌!!이 발생할 수 있다. 1.2. Hash 충돌 해시 충돌 : 서로 다른 값을 인풋시켰음에도 같은 결과를 내는 경우 Hash 충돌의..

요즘 웹언어를 배우면서 실력 향상 겸 포트폴리오를 만들고 있어요. 대략 만든 걸 깃헙에 올리려고 했는데 이전에 깃 공부하다가 연동해둔 레포짓 때문에 자꾸 에러가 나더라고요 ㅠㅠㅠ 그래서 서칭 결과로 git remote repository주소를 알려주는 git remote -v를 cmd창에 입력해보았더니 이전 깃 레포짓 주소가 뜨길래 아! 이게 문제였구나 싶었습니다! git remote rm origin 으로 해당 remote repository를 해제하고 github 에서 레포짓토리를 만들면 나오는 해당 문구를 cmd창에 복붙해주면 다음과 같이 뜨면서 해결이 완료됩니다! 이렇게 git repository 연동 해제와 재연결까지 해봤습니다!