전체 글

GIGABYTE B650M K 후기

구매 이유 및 과정 이전에 RTX 5070을 포함한 컴퓨터를 맞췄다가 그정도의 사양이 나에게는 필요 없는 것 같아서중고로 판매 후 가성비 모델로 새롭게 컴퓨터를 맞추고자 했다. 저번에 컴퓨터를 맞췄을 때는 영상 편집과 같은 작업용으로도 컴퓨터를 사용할 목적이 있었기에인텔 CPU를 기반으로 맞췄지만 이번에는 순수하게 게임용으로 맞출 생각이라 아무런 고민 없이 AMD CPU로 맞췄다. AMD CPU, 그리고 가성비를 생각하면서 부품을 찾아 보니 생각보다 메인보드의 결정을 내리는데 어렵지 않았다.여러 검색 결과를 찾아 보니 많은 사람들이 "기가바이트의 B650M K" 모델을 추천했고 가격과 상품 설명을 보니구매하지 않을 이유가 없었다. 제품 사진 조립 후기이번까지 컴퓨터 조립을 총 3번 해봤다. 횟수가 많지 ..

2022 Dev-Matching 웹 프론트엔드 하반기-2 후기

간단 후기 프론트엔드 개발자가 되기 위해 준비하는 사람으로서 이보다 좋은 기회는 없을 것이라 생각한다. 제목과 같이 프로그래머스에서 진행하는 22년도 하반기 Dev-Matching 중 2번째를 경험해보고 적는 후기이다. 결론은 망한 것 같다. 모든 기능을 다 만들지 못 하고 코드도 더럽게 작성했다. 사실 이런 프로그램이 있다는 것을 알게 된 것은 꽤 됐지만 잊어 먹고 있다가 이번에 처음 진행해봤고 아직 결과는 안 나왔지만 뭐 이미 감이 온다. 전부터 리액트에 너무 익숙해져 있기도 하고 JS 문법을 너무 사용하는 방식만 고집해온 느낌이 들어 JS를 다시 공부했었지만 JS만 이용해서 프로젝트를 만들어 본 것은 이번 데브 매칭의 프로젝트가 처음이었던 것을 깨달았다. 그리고 느낀 것은 확실히 순수 JS만을 사용..

HTTP 기본

HTTP는? HTTP : HyperText Transfer Protocol HTML과 같은 하이퍼미디어 문서를 전송하기 위한 프로토콜이다, 웹 브라우저와 웹 서버간의 커뮤니케이션을 위해 디자인되었지만, 다른 목적으로 사용 가능하다. 이미지, 음성, 영상, 파일, JSON, XML(API) 등 거의 모든 형태의 데이터를 담아 전송할 수 있다. 서버 간에 데이터를 주고 받을 때도 대부분 HTTP를 사용한다고 한다. TCP를 직접 연결하는 경우는 거의 게임 서버나 특수한 경우에만 사용한다. HTTP는 클라이언트가 요청을 생성하기 위한 연결을 한 다음 응답을 받을 때까지 대기하는 전통적인 클라이언트-서버 모델을 따른다. HTTP의 역사 HTTP/0.9 - 1991년 : GET 메서드만 지원, HTTP 헤더 X ..

컴퓨타 용어 정리

데이터(data) 어떤 값을 포함하고 있는 가공되지 않은 1차 자료를 말한다. 컴퓨터가 처리할 수 있는 문자, 소리, 그림 형태로 된 자료 프로그램에 부속된 파일, 특히 사용자가 해독할 수 없는 형태의 이진 파일을 데이터라고 부른다. 데이터는 수치화된 크기/규모, 개수, 문자 또는 컴퓨터에 의해 해석되어 처리되거나 다른 기계, 다른 컴퓨터를 제어할 수 있는 명령어를 나타내는 심볼 등을 뜻하며, 보통 저장매체에 저장되어 전기 신호의 형태로 전송될 수 있다. 프로그래밍에서 컴퓨터가 실행하는 부분을 Text라고 부르고, 프로그램이 참조하는 숫자 값, 이진 값, 또는 문자 값, 변수 등이 저장되는 부분을 Data라고 구분하기도 한다. 세그먼트(segment) 프로그램에 정의된 특정 영역으로 코드, 데이터 등이 ..

JavaScript 기본

변수 자바스크립트를 포함한 프로그래밍 언어는 변수라는 것을 기본적으로 사용한다. 변수는 왜 쓸까? 변수는 왜 쓸까? 변수는 코드를 재활용을 할 수 있고 가독성을 높여준다. 중복을 제거해서 유지보수가 쉽도록 만들어준다. 변수 선언 방법 [키워드] [식별자] = [값]; 과 같은 형태로 자주 쓰인다. 사용할 수 있는 키워드 var : var는 그냥 이제 안 쓴다 혹은 가급적 쓰면 안 된다라고 알고 있어도된다. 주된 이유는 *호이스팅(Hoisting) 때문이다. 이 호이스팅 덕분에 잘 못된 코드도 일단 돌아는 가니까 되는거 아님?? 이 될 수있고 문제가 발생해도 어디서 문제가 발생했는지 찾기 어려울 수 있기 때문에 var는 그냥 이런게 있었구나 하고 기억에서 잊어버리자. let : 변수의 값이 바뀔 수 있을 ..

CSS 기본

CSS의 정의 : Cascading Style Sheetes(CSS)는 HTML이나 XML로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어이다. CSS는 요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌더링 되어야 하는지를 지정한다. 라고 MDN 문서에 적혀있다. 한마디로 웹 문서를 스타일링을 해줄 수 있는 코드를 작성하는 것이라고 보면 될것 같다. 웹 개발을 공부하기 전에도 너무 익숙히 들었던 친구라서 다른 소개 없이 바로 사용 방법을 보는 것이 더 효과적일 것이다. CSS 연동 방법 Inline Style Sheet 인라인 스타일은 html 태그 내부에 스타일을 정의하는 방법이다. 아래와 같이 예시를 보면 이해가 쉽다. This is a heading 위와 같이 h1과 같은 htm..