본문 바로가기
반응형

to be 개발자54

javascript Object Array 메소드 - 객체 배열 내 특정값 찾기, 전체 확인하기 등 특수 메소드 - map() forEach() map() forEach() find() filter() 는 모두 배열을 순회하지만 리턴 값에서 차이가 있습니다. ✔️ map() map 은 돌면서 원하는 값을 return 할 수 있습니다. 특별히 if 문이 필요하지 않다면 return 을 쓰지 않아도 값만 사용해도 해당 값이 return 되구요. 복잡한 조건문이 필요할 시에는 { } 중괄호 안에 조건문을 넣고 조건에 해당하는 객체만 반환할 수 있습니다. ✔️ forEach() forEach() 는 map() 과 달리 값을 return 하지 않습니다. 그저 순회하기 때문에 순회하는 동안 다른 배열에 특정 값을 push 하는 등의 방식으로 값을 빼올 수 있고 순회하면서 자체 값을 변경할 수 있습니다. map() 은 순회하는 동안 자체 값을 변경할 수는 없.. 2024. 7. 10.
javascript object 복사 복제 추가 반환 속성 필터링 메소드 / .assign() .create() .entries() keys() Object.assign() 한 개 이상의 객체에서 다른 객체로 값을 복사하는 메소드 assign(*) * 부분에 여러개의 객체를 넣을 시 그 각 개체의 모든 값들이 복사됩니다. 단, 해당 객체에서 겹치는 key 값이 있을 경우, 맨 마지막 객체의 값으로 복사되며, 함께 나열된 객체에서도 본인 뒤에 오는 객체의 값과 겹치는 값이 있을 경우, 뒤의 객체의 값으로 변경됩니다. 즉, a = Object.assign(c,d,e) 로 설정했을 때, c 가 d 와 e와 겹치는 key 가 있다면 e의 해당 key 값의 value 값이 a, c, d 로 들어갑니다. 또 c 가 d와는 겹치지 않지만 e와 겹치는 key 가 있다면 e의 해당 key 값의 value 값이 a, c 로 들어갑니다. 이어서 c가 e와는 겹치지 .. 2024. 7. 9.
c# .net 닷넷 프로그램 솔루션 프로젝트 서비스 기본적인 오류 종류 해결방법 - SQL. Null Exception. 2년 동안 닷넷 프로젝트를 하면서 겪은 오류들은 대부분 반복적인 거였다. 완전 똑같이 반복적인 것은 아니어도 로그를 보고 콘솔이나 네트워크에서 오류 메세지를 확인해보면 비슷한 이유로 나는 오류가 많았다. 그래서 프로그램이 잘 안돌아가거나 오류가 나면 일단 아래 부분을 꼭 확인해보면 좋다. 로그를 어디 저장하는지 확인하고 방식에 따라 로그 파일이나 DB에 저장된 로그를 본다. (프로젝트 별 config 파일이나 log4net.xml 파일에서 로그 저장되는 주소 확인 가능)크롬을 쓰면 F12를 눌러 개발자도구를 켜서 Console 창을 확인한다. 마찬가지로 크롬 개발자도구에서 네트워크에 들어가 빨간 부분이나 오류 날법한 네트워크 눌러서 우측에 뜨는 헤더 파라미터 등을 확인한다. 이런 방식으로 오류를 확인하다.. 2023. 12. 15.
git fork 포크 계정 이름 간단히 변경하기 git fork 포크 새로 다운로드 하고 연계해서 사용하다보니 이름이 변경되었다. 이전에는 소스코드 사용하다가 포크 넘어오느라 이미 폴더에 깃이 운용되고 있던 곳을 퀵런치로 가져왔더니 아마도 소스코드에서 수정한 이름이 잘 넘어온 것 같은데, 이번에는 노트북을 바꾸면서 새로 깃을 클론했더니 깃에서 쓰던 영문이름이 그대로 넘어와 소스코드에서 수정해서 쓰던 한글이름이 아닌 영문이름으로 커밋이 올라갔다. 이를 해결하기 위해선 레포지토리마다 셋팅을 변경할 수 있는데 여기서 간단히 수정할 수 있다. 이름 변경할 레포지토리를 선택한 상태에서 상단의 레포지토리를 선택, 맨 아래 셋팅 메뉴를 클릭한다. 그럼 레포지토리에 관한 여러가지 설정이 나오는데 유용한게 커밋 템플릿을 정할 수도 있고 깃에서 읽고 쓸 수 있는 이슈를.. 2023. 10. 9.
Vue 프로젝트 처음 시작할 때 - VueJS 개념 / 설정 / 설치 / 컴포넌트 / 문서 / 인강 추천 ctrl shift P => configure display language => 한/영 전환 가능 크롬 뷰 데브툴 설치 https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=ko Vue VSCode Snippets 이걸로 싱글 파일 컴포넌트 쉽게 생성 가능 vbase 라고 치고 엔터하면 이렇게 나오는.. vue 란 ? 프레임워크 틀을 가지고 일을 한다 Vue : 자바스크립트 프레임워크 웹을 쉽게 개발할 수 있도록 틀을 제공 웹 개발 효율성 상승 vue 적용하는 법 1 node 깔려있다면 npm install vue 로 설치 후 (VSCode 프로그램에서) Vue VSCode Snippets .. 2023. 4. 14.
로드밸런싱 / 스티키 세션 Sticky Session / 세션 클러스팅 Session Clusting 방식 비교 로드 밸런싱이란, 클라이언트로부터 오는 요청을 여러 서버로 분배 해주는 것 대용량 트래픽을 장애 없이 처리하기 위해 여러 대의 서버에 적절히 트래픽을 분배하는 것 여러대의 서버 사용. 단순 Round Robin 방식이라면 로드밸런서로 각 서버 동일하게 리퀘스트가 나뉘어지는데 이렇게 되면 동일한 클라이언트가 1번서버에 로그인 요청 및 성공 응답 하고서 또 유저정보 조회 요청 했을 때 로드밸런서 때문에 다른 서버로 이 요청이 간다면 로그인이 안돼서 또 로그인하라고 하는 사태가 일어날 수 있다. 그래서 Sticky Session 사용. 첫 request에 대한 응답을 준 서버에 껌딱지처럼 붙어있는 것! 특정 세션의 요청을 처음 처리한 서버로만 보내는 것 특정 서버로 요청 처리를 고정시키는 방법은 Cookie를.. 2022. 12. 4.
비전공자 개발자 후기 / 좋은 회사 구별법 / 개발자 인강 / 개발자 강의 가성비 있게 리액트부터 DB, 자격증 공부까지 온택트로 성장하기 비전공자가 개발자로 전직하는 것은 재능보다는 노력의 영역이다. 천차만별의 분야를 가진 개발 영역에서 필요로 하는 자바, 자바스크립트, 리액트, 파이썬 등 그리고 SQL 까지 자신이 필요한 언어를 깊이있게 익혀가는 노력. 정보처리기사, SQLD 등의 자격증을 취득하는 노력. 비전공자 개발자의 분야 종류와 연봉 비전공자 개발자인 필자는 주변 지인들로부터 개발자로의 전직에 대한 다양한 질문을 받는다. 자신이 잘할 수 있을지 어렵진 않은지 등의 질문에는 위의 단락처럼 말한다. 결국 노력이라고. 5년이고 10년이고 꾸준히 계속해서 노력할 수 있는지가 관건이라고. 어떤걸 배워야 하는지 개발 중에서도 어떤 분야로 가야하는지도 많이 물어보는데 나는 자바. 자바스크립트 위주로 배워서 웹 개발자로 입사했지만 솔루션 회사 .. 2022. 9. 28.
리액트 4 기초 / 알아야 할것들 (3) route / 라우트 / 라우팅 / 설치하는 법 / 사용하는 법 / 기초 셋팅 소스 / history.push / 뒤로가기 / 이동하기 라우트는 싱글 페이지 어플리케이션(SPA)을 위해 최적화된 리액트에서 페이지를 나누는 것이다. 페이지를 구분해 주고 이동해 다닐 수 있도록 한다. 라우팅 사용을 위해서는 리액트 라우트 돔을 설치해야하는데 VSCODE 터미널에서 그냥 npm instll을 통햇 설치하면 된다. npm install react-router-dom import React from "react"; import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom"; 그리고 사용하려는 페이지 상단에 import 해준다. 나아가서 기본적으로 라우팅을 쓰기 위해 인덱스와 앱에서의 기본 셋팅 소스가 있다. index import React from 'react'.. 2021. 8. 4.
리액트 3 기초 / 알아야할 것들 (2) array map concat filter 삼항 조건 연산자 array 리액트에서 array는 진짜 중요하다. 리액트를 제일 리액트스럽게 쓰는게 물론 state 값을 이용해서 onChange 해서 막 state 값을 리액트답게 설정하는 것도 있겠지만 리스트를 array로 다루면서 값들을 자르고 붙이고 하는 것도 리액트스러운 부분중에 하나인 것 같다. map const list = ['커피','물','주스']; return ( {list.map((item,index) => { return( {index+1}. {item} ) }) } ) list를 각 항목별로 한번씩 돌리는게 map이다. 돌릴때 각 순번과 콘텐츠를 하나씩 가져올 수 있는데 그래서 위와 같이 설정하면 아래와 같은 화면이 나온다. 1. 커피 2. 물 3. 주스 const list = [{'음료':'커피.. 2021. 7. 30.
728x90
반응형
LIST