Just go for it

1월보다 더 빠른 2월 1월과 비교한다면? 우선순위를 정하고 하고 싶은 공부보다 취업 목표에 맞추어 시간을 사용했다. 포트폴리오, 자기소개서, 이력서 드디어 완성하여 구직 활동을 시작했다. 이제는 기술면접과 코딩테스트에 집중해야지! 나의 심리는? 여전히 미래에 대한 불안감이 있지만 매일 기록하는 습관이 만들어져서 무엇을 했는지에 집중!!! 꽉찬 하루를 보내는 날도 있지만 늘어지는 날도 있다. 다시 긴장하고 투두리스트 체크해나가자! 3월의 목표는? - 취업!! - 3월에 작성한 불렛저널 올리기 - 매일 프로그래머스 3문제 / 코플릿 5~10문제 풀기 - 기술 1문 1답 2월 K P T Keep 드디어 지원 시작!! React Youtube 프로젝트 완성하기 포트폴리오 수정해나가기 API 중심으로 공부하기 ..

실패... 원인 : github 상위 폴더 위치 문제 해결 : 상위폴더 > 상위폴더 > 배포할 파일들 -> 상위폴더. 배포할 파일들

자바스크립트를 공부하면 항상 나오는 비동기! 왜 비동기 프로그래밍을 해야 하는 것일까? 궁금해서 구글링을 통해 참고해 글을 써보았다. 이해하기 위해 알아야 하는 단어 비동기 프로그래밍: 작업이 완료될 때까지 기다리지 않고 잠재적으로 오래 실행되는 작업을 시작하여 해당 작업이 실행되는 동안에도 다른 이벤트에 응답할 수 있게 하는 기술이다. 작업이 완료되면 프로그램이 결과를 제공한다. 스레드 : 프로세스 내에서 실행되는 흐름의 단위 CPU-하드웨어적 스레드, 하나의 코어가 동시에 처리하는 명령어 단위 프로그램- 소프트웨어적 스레드, 하나의 프로그램에서 독립적으로 실행되는 단위 싱글스레드 : 하나의 프로세스가 한번에 하나의 일만 처리하는 것 블락킹 Blocking: 동기적으로 무거운 작업이 수행되어 이후의 작..

innerHTML - Element의 속성 - 해당 Element의 HTML, XML을 읽어거나 설정 가능 innerText - Element의 속성 - 해당 Element 내에서 사용자에게 '보여지는' 텍스트 값을 읽어온다. - display: none 으로 정의된 숨겨진 텍스트는 사용자에게 보여지지 않는다. textContent - Node의 속성 - , 태그와 상관없이 해당 노드가 가지고 있는 텍스트 값을 그대로 읽는다. - 문자열과 공백이 그대로 표현된다. 모두 자바스크립트에서 DOM을 탐색하고 조작할 때 사용하는 메서드로서 텍스트값을 읽어오고 설정할 수 있다는 비슷한 점이 있습니다. 하지만 element가 가지고 있는 컨텐츠의 내용에 따라 차이가 있기에 알아두어야 한다.

시간아? 어디갔니??? 아니 벌써?!? 2023년 1월이 지나갔다. 시간이 점점 더 빨라진다아아악~ 새해에 다양한 목표를 세우고 실천해야지 매일 아침과 저녁에 다짐을 했었다. 과연 1월 한달동안 어땠을까 중순까지 열심히 쓰던 일기장, 매일 체크하던 투두리스트.. 마지막주를 향하면서 빈 곳을 발견할 수 있었다... 불안함은 꾸준함으로!! 나는 현재 취준생이기에 취업에 대한 불안함 감정이 있다. 준비해야할 것들을 10개로 나누어 체크 리스트를 만들었고 매일 체크를 하며 하루를 채워나갔다. 불안한 감정이 생길 때마다 적어 놓은 체크리스트를 보며 해야 할 일들에 집중하려고 했다. 함께 하는 사람이 있어야 더 능률이 올라가지만 당장 프로젝트를 진행할 수 없기에 유튜브 영상을 보며 동기부여와 자극을 받았다. 간단하..

순수함수란 입력한 값에 대해 항상 같은 결과를 리턴하는 함수입니다. 그렇기에 결과를 예측할 수 있습니다. 순수함수는 결과 값이 변하지 않는 점에서 불변성이고 외부의 값으로 수정되지 않기에 side-effect 이 없습니다. 추가 질문 Side effect 이란? 함수 외부의 값이나 상태를 변경하는 것, 변화를 예측할 수 없어 예기치 못한 오류를 발생시킬 수 있다. - side effect 을 가지는 함수는 입력 값에 대해 같은 결과를 반환하지 않습니다. 예 ) 전역 변수 수정, 데이터베이스 접근은 side effect이 있다. - 리액트에서는 단방향 데이터 흐름을 유지하기 위해 리액트 컴포넌트의 props를 직접 변경하지 않는 방법으로 순수 함수를 지향하고 있습니다.

HTTP messages 클라이언트와 서버 사이에서 데이터가 교환되는 방식 HTTP messages 두 가지 유형 요청(Requests) 응답(Responses) HTTP Request (요청) : Method, Path, Version of the protocol - Method: HTTP 메서드는 보통 클라이언트가 수행하고자 하는 동작을 정의한 GET, POST, OPTIONS, HEAD를 지칭 GET 사용(클라이언트 리소스 가져오기) POST( HTML 폼의 데이터를 전송) 사용한다. 다른 경우에는 다른 동작이 요구될 수도 있다. - Path: 가져오려는 리소스의 경로는 프로토콜http://, 도메인 여기서는 developer.mozilla.org, 또는 TCP 포트여기서는 80인 요소들을 제거한 ..

객체가 저장된 공간을 가리키는 정보만 상수일뿐 그 객체의 정보 자체는 변경이 가능하다 객체의 경우 상수로 선언해도 메모리값만 상수일 뿐 객체 안의 내용은 변경이 가능하다. 즉 객체가 저장된 공간을 가리키는 정보만 상수일뿐 그 객체의 정보 자체는 변경이 가능하다. 이런 이유로 JavaScript에서 객체는 변수로 선언할 이유가 없으며 거의 모든 케이스에서 상수로 선언하는게 일반적이다. 또 이렇게 상수로 선언된 객체의 Immutability를 보장하기 위해 여러 테크닉이 쓰이게 되는데 주로 ECMAScript 6에서 도입된 Spread Operator를 사용하는 것이 일반적이다. 이렇게 객체를 복사하여 사용할 때도 Deep clone하지 않으면 의도치 않게 원본 객체가 변경되어버리기 때문에 많은 주의가 필요..

4주동안 진행한 프로젝트가 끝나고 회고글을 남깁니다. 프로젝트에서 긍정적인 부분은? 개선할 부분은? 무엇을 배웠는가? 무엇을 느꼈는가? 프로젝트의 잘했던 부분 1. 회원가입없이 체험하기 기능 문제 - 기획할 때, 사용자를 고객이라고 생각하며 로그인 후에 관리자 페이지를 사용 할 수 있도록 만들었다. 하지만 이 웹페이지의 주 목적은 면접관이 기능을 테스트 하는 점이다. 해결 - 로그인을 하지 않아도 기능을 테스트 할 수 있는 "체험 기능"을 추가했다. 결과 - 데모데이 때, 로그인을 하지 않고 이용해 볼 수 있어 편리하다는 코멘트 받음 2. 비회원 장바구니 기능 이용 가능 문제 - 비회원도 장바구니에 상품을 넣을 수 있어야 함 만약 서버에 저장하게 된다면? 누구의 장바구니인지 파악하기 위한 로그인 과정이 ..

콘솔이란? 서버의 로컬 장치에서 직접 명령어를 작성할 수 있는 입출력 장치, 콘솔이 물리적인 장치라면 터미널은 원격제어 환경까지 포함하는 더 넓은 의미 1. 터미널 서버의 로컬 또는 원격으로 접속할 수 있는 콘솔을 구현한 소프트웨어 2. 쉘 실제로 명령어를 전달하고 결과를 전달받는 프로그램 참고 https://blog.naver.com/PostView.naver?blogId=asianchairshot&logNo=221383363419&redirect=Dlog&widgetTypeCall=true&directAccess=false return VS console.log console.log 는 콘솔에 출력하는 함수입니다. 반면 return 은 함수의 결과를 돌려줍니다. 마지막 줄에 undefined가 출력 ..