404 page not found : 기록장

console.log(score); //undefined var scroe; // 변수 선언 자바스크립트 코드는 인터프리터에 의한 한 줄씩 순차적으로 실행된다. - 인터프리터 프로그래밍 언어의 소스코드를 바로 실행하는 컴퓨터 프로그램 또는 환경 자바스크립트 엔진은 소스코드를 한 줄씩 순차적으로 실행하기에 앞서 먼저 소스코드 평가 과정을 거치면서 소스코드를 실행하기 위한 준비를 하는데, 자바스크립트 엔진은 변수 선언을 포함한 모든 선언문 (변수 선언문, 함수 선언문 등)을 소스코드에서 찾아내 먼저 실행한다. 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징을 변수 호이스팅 이라 한다. 변수 선언 뿐만 아니라 var, let, const ,function, class 키워드를..

식별자 변수 이름을 식별자 라고 하는데, 식별자는 어떤 값을 구별해서 식별할 수 있는 고유한 이름을 말한다. 식별자는 값이 아니라 메모리 주소를 기억하고 있다. 변수, 함수, 클래스 등의 이름과 같은 식별자는 네이밍규칙을 준수해야 하며, 선언에 의해 자바스크립트 엔진에 식별자의 존재를 알린다. - ES5 vs ES6 var 키워드는 여러 단점이 있는데, 가장 대표적인 것이 블록 레벨 스코프를 지원하지 않고 함수 레벨 스코프를 지원한다. 의도치 않게 전역 변수가 선언되어 심각한 부작용이 발생하기도 한다 1. 블록 레벨 스코프 (Block Level Scope [const let] ) let foo = "I'm foo"; if(true) { let bar = "I'm bar"; console.log(foo)..

10 + 20 1. 변수가 필요한 이유 자바스크립트 엔진이 위 자바스크립트 코드를 계산(평가 evaluation)을 하려면, 먼저 10, 20 + 라는 기호 (literal, operator)의 의미를 알고 있어야 하며, 10 +20 이라는 식 (표현식 expression)의 의미도 해석 (파싱 parsing) 할 수 있어야 합니다. 컴퓨터는 CPU를 통해 연산하고, 메모리를 사용해 데이터를 기억합니다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체이며, 메모리 셀 하나의 크기는 1byte(8bit) 이며, 컴퓨터의 셀의 크기 즉, 1바이트 단위로 데이터를 저장하거나 읽어들인다. 변수 (variable)는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙..

자유게시판 프로젝트를 진행하면서, 검색기능은 붙였는데, 검색어를 입력하자마자 바로 검색되는 것이 아닌 버튼을 눌렀을때 검색이 되는 방식으로 변경하고싶었고, 또한 전체 글에서 그 키워드가 몇건 검색됐는지도 표출시키고 싶었다... ✨삽질의 시작✨ 이미 내 코드는 수정 후인지라, 원본이라고 하자면.. 멘토님의 코드인데 멘토님의 코드를 리뷰해보자면 검색 input box에 onChange event가 일어나면 debounce가 되면서 리패치가 되고 onChangeKeyword로 데이터를 넘겨주는 형식인데. 이런 방식이라면 검색 inputbox에 입력을 한 후 .2초 뒤 검색결과가 리스트에 표출되게 된다. 하지만 난..버튼을 눌러서 검색하고싶은걸 ㅠ... 그래서 변경한 방식이 이것이다. SearchData 라는 ..

소심한 개발일기..오늘부터는 조금 더 꾸준히 써볼까 한다. 오늘 배운 부분은 결제시스템과 내 페이지에 연동시켜 결제화면을 구현하는 것을 연습했다. 결제하기 버튼 클릭을 했을 때, imp_uid를 전달받아온 후 imp_uid가 DB에 저장 후 결제 솔루션 업체 연결 API - 수수료발생 (PG사 결제모듈의 복잡함을 해결) 결제 대행 업체(PG사 - Payment Gateway)와 연결 해당 카드사 연결 후 결제 발생

어제 분명..commit을 했는데 사라진 내 잔디....확인해보니 어제 날짜 잔디가 비어있다.. 구글링을 열심히 하고있는데 멘토님이 잘못하면 이상해질 수 있으니 넘기고 가라고 하셨지만 저는 너무...다시 심고싶은데Yo...? "Google: A Developers Best Friend" https://wellbell.tistory.com/43 github 잔디밭 안 심어지는 현상 해결 및 이미 커밋한 내용 반영하기 1. github 잔디 안심어지는 현상 해결 흔히 잔디밭이라고 불리는 github contributions(activity) 나의 저장소 중 어디라도 commit해서 push해서 반영 시키면 잔디가 심어져야하는데 심어지지 않을때가 있다. wellbell.tistory.com 열심히 구글링해서 ..

엄청난 삽질을 많이했던, Pagination 작업을..마무리하며 일기 겸 구현한 페이지를 보기로 한다...ㅠ... 기초적으로 먼저 Pagination을 연습해보기 위해서, Container / Presenter로 나누어져 있는 컴포넌트가 아닌 원페이지에 먼저 작업을 해봤는데 너무너무 할만하고 쉬웠던 것이다! (물론 한페이지에 다 몰려있었으니 어려울리가...) 이제 자유게시판에 응용해서 집어넣어볼까! 라고 생각했는데.. 생각보다 어려운것이다.. 1. 리스트도 10개씩 계속 데이터가 refetch 될것, 2. 화살표를 누르면 10개씩 넘어갈것 (ex. 현재 1페이지에 있었다면 11페이지로 가야함..!) 3. 현재 1페이지에 있다면 이전버튼은 disabled 될것 4. 마지막 페이지는 10개씩 표출되는 것이 ..

리액트를 배우며, 웹 퍼블리셔때도 그렇듯, 항상 제일 싫어했던것이 폼이였다... 폼..폼ㅍ...폼...폼!!!!!! 회원가입도 제작도, 폼메일 만드는것도 너무너무 싫었지만 항상 하던 것이기 때문에, 개발자로 전향을 원하게 되면서 여기서도 벗어날 수 없는 폼을 만드는 작업을 열심히 배웠다.. 그.러.나 리액트에는 너무 좋은 라이브러리가 무궁무진하게 존재하고 있다! (그렇다고 라이브러리 없이 하는방법을 몰라야 한다는 뜻은 아니다. 기본적으로 어떻게 돌아가는지 이해는 있어야한다.) react-hook-form은 한국어를 지원하고 있기 때문에, 처음 접하는 국내 사용자들도 쉽게 이해할 수 있다.