본문 바로가기

바로가기

JS32

[JS] : URL에서 자원을 못가져 오는경우 지난 포스팅에 이어서 URL 관련 문제를 해결하고자 한다. 구현 하고자 하는 것 URL에서 내가 필요로 하는 자원을 못가져 오는 경우 어떤 방법으로 대체를 할 것인지. URL에 자원을 담지 않는 이유 우리는 이번 프로젝트를 진행함에 있어서 최대한 여러 시도를 해보고자 했고, 보안이슈등으로 URL에서 유저의 개인 ID 또는 무언가 정보를 담고있을만한 URI는 빼고자 했기에, 다른 방법을 구상하게 되었다. 시도한 것 HTML 태그 속성중 data라는 속성을 통해서 id 대신 각 태그에 유일값을 지정해줄 수 있었고, inner HTML로 유저의 데이터를 화면에 뿌려줌과 동시에 data라는 속성값에 해당 유저의 이력서 id 또는 해당 유저의 userId 값이 들어갈 수 있게 해주었고, 그 데이터(자원)을 가지고.. 2023. 8. 28.

[JS] : URL 에서 자원(데이터) 가져오기 구현 하고자 하는 것 !! URL 로부터 내가 원하는 데이터 가져오기 !! 고민이 생긴 부분 항상 프로젝트를 진행하면서 백엔드 기능을 test도 하며 구현을 마치고,,, 이제 이 기능에 날개를 달아줄 프론트 페이지 작업도 하면서 프론트와 백을 연결하는 과정에서 찾아온다. 버튼 하나에 이벤트리스너 야무지게 달고 async await 야무지게 사용하고 ~ fetch 로 내가 구현해놓은 해당 API로 데이터도 날리고 갖고오는데 중요한건 이런 API주소이다. /api/user/:userId/resumes/:resume param으로 받아야 하는 각 데이터의 정보가 담긴 id값을 백에서 어떻게 건내줘야되니.... 이 부분은 항상 project 시작하면서 api 명세를 작성하면서 부터 고민이 생긴다. 지금 현재는 .. 2023. 8. 24.

[JS] : this binding this ? 다른 객체지향 언어에서는 클래스로 생성한 인스턴스를 뜻하지만, JS에서는 보다 더 다양하게 사용할 수 있다. this 는 실행 컨텍스트에 의해서 동적으로 결정되고, 함수를 호출하는 방식에 따라서 나타내는 의미가 달라집니다. 실행컨텍스트는 실행할 코드에 적용시킬 환경정보들을 모아놓은 "객체"이다. 그 객체 안에는 다음의 3가지 요소가 있다. ve = VariableEnvironment / le = LexicalEnvironment / this bindings ve 와 le 는 서로 구성요소가 동일하며, record 와 outer를 갖고 있다. 다만, 차이점은 snapshot의 유지여부이며, le는 snapshot을 유지하지 않고 실시간으로 변경사항을 반영합니다. record에는 식별자 정보가 .. 2023. 7. 28.

[JS] : 얕은 복사 / 깊은 복사 이 글을 쓰는 이유 가변성을 띄는 참조형 데이터의 변수 복사에 있어서, 복사한 데이터의 요소를 변경하는 기존 객체까지 영향을 주는 현상을 개선하고자 얕은복사와 깊은복사에 대해서 공부하기 위해서 작성한다. 가변성의 문제점 객체를 선언하고, var user = { name: 'yoon', gender: 'male', }; user객체를 changeName 이라는 함수의 인자값으로 쏴주면서, 함수 로직 부분에서 newUser라는 변수명에 인자로 받은 기존 객체를 그대로 복사해서 넣어줬다. 2023. 7. 27.

[JS] : Call By Value / Call By Reference Call by value ? 식별자가 갖고있는 주소값으로 갔을 때 할당된 데이터가 존재하면 call by value 이다. 기본형 데이터 타입에서 발생한다. Call by reference ? 식별자가 갖고있는 주소값으로 갔을 때 할당된 데이터가 존재하는게 아니라 실제 데이터가 있는 주소값을 참조하고 있다면 그건 call by reference 이다. 참조형 데이터 타입에서 발생한다. JS 데이터 타입의 종류 JS에서 데이터 타입은 2가지 종류로 나뉜다고 한다. 기본형 = 단일한 값을 담을 수 있는 타입 1. Number 2. String 3. Boolean 4. Undefined 5. Null 6. (ES6) Symbol ... 참조형 = 연관된 데이터를 담을 수 있는 타입 참조형에는 최상위 객체에 O.. 2023. 7. 27.

[JS] : 조건부 실행 / 삼항 연산자와 단축평가 조건부 실행 조건이라 함은 자연스레 떠오르는 if문을 사용하지 않고도, 조건부 실행을 할 수 있는 코드가 있다고 한다. 예시코드 let x = 10; if (x > 0) { console.log('x는 양수입니다.'); } and 조건 ( && ) x > 0 && console.log('x는 양수입니다.'); 출력 값 예시코드와 조건부 실행한 두 코드 동일하게 x는 양수입니다. 를 출력한다. 조건부 실행코드 해석 and 조건을 사용함으로써 && 앞의 x > 0이 만족하면 ~ && 뒤의 console.log()도 출력이 되는 것이다. 삼항 연산자와 단축평가 내가 아는 삼항연산자는 true ? console.log(true) : console.log(false) ? 앞의 조건이 "참"이라는 값을 나타내면.. 2023. 7. 26.

이전 1 2 3 4 ··· 6 다음

티스토리툴바