본문 바로가기

[검색] 공부하기

[ Vue 에서 Img :src 동적 바인딩 하는 방법 ] 보호되어 있는 글입니다.

[ 백엔드 로드맵 ] 보호되어 있는 글입니다.

[검색] 공부하기/JavaScript 2024. 10. 7. [ JS 실행 컨텍스트 ] // ======================== ======================== ========================오늘은 JS 의 실행 컨텍스트에 대해서 살펴보고자 합니다. ======================== ======================== =========================== // JS 실행 컨텍스트 JS 의 실행 컨텍스트의 대분류는 2가지로 나뉩니다. 1. GEC (Global Execution Context) - 브라우저환경에서는 Window - Node.js 환경에서는 Global 2. FEC (Function Execution Context) - When a function is invoked. FEC is created EC 구성요소 각..

[ 다양한 Web Rendering 이해하기 ]

[검색] 공부하기/General 2024. 9. 4. [ 다양한 Web Rendering 이해하기 ] // ======================== ======================== ========================출처 : https://www.youtube.com/watch?v=phiJQp5rroo웹 렌더링 방식들에 대한 좋은 영상이 있어서 자료로 남깁니다. 다음과 같은 렌더링 방식들을 비교해주는 콘텐츠입니다.Server Side Rendering vs. Client Side Rendering vs. Static Site Generation vs. Deferred Site Generation vs. Incremental Static Regeneration vs. Edge Rendering vs.Hybrid Rendering======================== ======..

[검색] 공부하기/JavaScript 2024. 5. 13. [ 자주 쓰이는 자바스크립트 Array 함수 2 ] pop, shift, unshift, slice, splice 핵심 Keyword1. 출처 : https://velog.io/@saemileee/JavaScript-%EC%9E%90%EC%A3%BC-%EC%93%B0%EC%9D%B4%EB%8A%94-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-Array-%ED%95%A8%EC%88%98-5%EA%B0%9C-1%ED%83%84-push-forEach-filter-map-reduce2. 3. pop( ) pop( ) 은 배열의 마지막 요소를 제거하는 함수인데요. 마지막 요소를 제거하고 제거한 요소를 반환하는 특징을 가지고 있습니다. 빈 배열에 pop( )을 사용했을 때는 undefined 를 리턴합니다. let arr = [1, 2, 3];let result = a..

[검색] 공부하기/JavaScript 2024. 5. 12. [ 자주 쓰이는 자바스크립트 Array 함수 5개 ] push, forEach, filter, map, reduce 핵심 Keyword1. 출처 : https://velog.io/@saemileee/%EC%A7%80%EA%B8%88-%EB%93%A3%EA%B3%A0-%EC%9E%88%EB%8A%94-%EA%B0%95%EC%A2%8C%EB%93%A4-%ED%88%AC%EB%91%90%EB%A6%AC%EC%8A%A4%ED%8A%B8-SPA2. 3. 들어가기 오늘은 JS 가 Array 데이터 형태에 대해서 기본적으로 제공하는 함수 중에서 많이 사용되는 것들에 대해서 살펴보고자 합니다. JS 는 Array 를 효율적으로 가공하기 위해서 많은 내장함수를 제공하는데요. 대표적으로, 검색한 결과에 해당하는 것만 Array 에 남기기 위해서는 어떻게 해야할까요? JS Array 함수에 익숙하지 않다면 굉장히 어려운 일이 될 수 있습..

Eclipse 에서 Indent(들여쓰기 기준선, 세로줄) 보는 방법

[검색] 공부하기 2024. 1. 12. Eclipse 에서 Indent(들여쓰기 기준선, 세로줄) 보는 방법 핵심 Keyword 1. 2. 3. Indent 는 무엇인가 꼭 웹 개발이 아니더라도, 위와 같은 들여쓰기가 필요한 순간들이 있는데, 안타깝게도 기본 이클립스(STS)에서는 지원을 해주지 않는다. 이를 개선하고자 개발을 해주신 개발자분들이 계시니, 감사함을 갖고 이용하면 되겠다. 적용 방법 https://blog.naver.com/myimgman/221312190174 우선 위의 주소로 가서, 필요한 것을 따라서 한다. 단, 마지막에 파일을 붙여넣는 부분은 안 해도 동작을 잘 하는 것을 확인했다. 경우에 따라서 필요할 수도 있으니, 본인의 환경에 따라서 진행을 하면 되겠다. https://www.certiv.net/updates/ 실제로 적용을 하려면, 위의 주소로 가서 필요한 프로그램들을 추가로 진행을..

보안 취약점 (Security) 보호되어 있는 글입니다.

[검색] 공부하기 2023. 12. 26. Git hub 원격 저장소에 새로 등록된 브랜치 로컬에 Pull 하기 핵심 Keyword 1. 2. 3. 하는 방법 git fetch origin git checkout -b new_local_branch origin/remote_branch 나의 경우 git checkout -b parklocal origin/park 위와 같이 하면, 로컬에 parklocal 브랜치로 원격서버의 park 라는 브랜치의 정보를 pull 받게 된다.

[검색] 공부하기/UML 2023. 12. 14. UseCase Use Case 유스케이스 유스 케이스 핵심 Keyword 1. 2. 3. 기본 구성 및 설명 참고 자료 https://googry.tistory.com/2 (UML) 유스케이스 다이어그램 - Usecase Diagram 유스케이스 다이어그램 시스템과 사용자의 상호작용을 다이어그램으로 표현한 것으로 사용자의 관점에서 시스템의 서비스 혹은 기능 및 그와 관련한 외부 요소를 보여주는 것이다.사용자가 시 googry.tistory.com 주의사항 - 유스케이스들 간의 관계는 표현하지 않습니다. 아 아 아 아 아 아 아 아 아 아 아 아 아 아 아 아 아 아

[검색] 공부하기 2023. 12. 13. HTTP status 핵심 Keyword 1. 2. 3. 출처 : https://www.whatap.io/ko/blog/40/ 1XX : Information responses 100 Continue 진행 중임을 의미하는 응답코드입니다. 현재까지의 진행상태에 문제가 없으며, 클라이언트가 계속해서 요청을 하거나 이미 요청을 완료한 경우에는 무시해도 되는 것을 알려줍니다. 2XX : Successful responses 200 OK 요청이 성공적으로 처리되었음을 의미합니다. 컨트롤러에서 리턴타입을 지정했다면, response 에 담겨서 반환됩니다. 201 Created 요청이 성공적으로 처리되어 새로운 리소스가 생성되었음을 의미합니다. POST 혹은 PUT 요청 이후에 따라옵니다. 202 Accepted 요청을 수신하였지만, 그..

[검색] 공부하기/Spring 2023. 12. 7. Spring TransactionManager 핵심 Keyword 1. 2. 3. 참고자료 https://obv-cloud.com/39 TransactionManager 에 대한 좋은 글을 찾았다. Spring - TransactionManager란? TransactionManager란? 문제점 Spring에서 사용할 수 있는 DB 접근 기술들에는 순수 JDBC, JPA, R2DBC, 등의 다양한 기술들이 있다. 그런데 각각의 기술들은 서로 다른 Transaction 처리 방법을 제공한다. 아래는 obv-cloud.com 단, 위 글에서, try - catch 문을 활용한 것을 볼 수 있는데, Spring 에서는 Exception Handler 를 제공해서 예외 처리를 한 번에 하기 때문에, Spring 에서 좋은 예시라고는 하지 못하겠다.

이전 1 2 3 4 다음

Calendar

Tags

더보기

Archives

Visits

Today

Yesterday

티스토리툴바