닭발개발

Javascript에서 문자열 줄 바꿈하는 2가지 방법! escape 문자 사용하기 템플릿 리터럴(Template literals) 사용하기 1. escape 문자 사용하기 문자열에 New Line을 뜻하는 '\n' 이스케이프 문자를 넣어주면 줄바꿈됩니다. const str = 'a\nb\nc\n'; document.getElementById("result").innerHTML=str; 2. 템플릿 리터럴(Template literals) 사용하기 const str =`a b c`; document.getElementById("result").innerHTML=str; 문자열 안에 escape문자인 '\n'을 사용하면, 가독성이 떨어지는 단점이 있습니다. 문자열을 정의할 때 따옴표( ' 또는 " )를 사..

오늘은 쌀국수를 먹으러 태국음식점 '참타이'에 다녀왔습니다. 성수역과 뚝섬역 중간쯤에 위치하고 있는데요~ 내부에는 4인 테이블 4개, 2인 테이블 1개 정도로 적당한 크기의 가게입니다. 운영시간 월화수목금토 10:30 ~ 22:00 (브레이크 타임 14:30 ~ 17:00, 라스트오더 21:30) 일 11:30 ~ 20:00 (라스트오더 19:30) 이렇습니다. 참고하세용😋 내부는 이렇게 태국 느낌이 물씬 나게 꾸며져 있었습니다. 메뉴는 정말 다양합니다. 태국어로 쓰여있고 아래에 한국어로 쓰여있습니다. 저와 동행인은 소고기 쌀국수와 똠양쌀국수를 주문했습니다. 저는 개인적으로 향신료를 매우 좋아하기 때문에 똠얌을 주문했습니다. 자칫하면 육개장 맛이 날 수도 있는데, 이 곳은 정말 맛있었습니다. 적당한 시큼..

개발자 도구에서 element 나 콘솔, network, 쿠키 등을 보는 방법을 알고는 있지만 자세하게 하나하나 알아본 적은 없어서 공부하고 글을 써본다.!!! 모두에게 유용한 글이 되길!!!! 1. 개발자 도구(DevTools)란???? 브라우저에서 제공하는 하나의 도구. 웹 사이트를 즉각적으로 수정하고 문제의 원인을 파악하기 좋습니다. 특히 프론트엔드 개발자는 개발자 도구는 계속 켜놓고 작업하는 경우가 많습니다. 2. 개발자 도구 단축키 // 사용자 점유율이 가장 높은 크롬 기준! window : f12 mac : alt + cmd + i 3. 개발자 도구 패널 개발자 도구에는 여러개의 tab이 존재하는데, 자주 사용하는 4가지 tab을 살펴보자. 🐶 Elements panel 개발자 도구 키면 기본..

true && expression 항상 expression false && expression 항상 false 따라서 && 뒤의 element는 조건이 true일 때 출력된다. 조건이 false라면 react는 무시하고 건너 뜀. 출처 https://ko.reactjs.org/docs/conditional-rendering.html 조건부 렌더링 – React A JavaScript library for building user interfaces ko.reactjs.org

이 글은 인프런에서 진유림 강사님의 강의를 듣고 쓴 글입니다. 따라서 본 글에 쓰인 일부 자료는 진유림 강사님의 자료입니다. https://www.inflearn.com/course/%ED%8C%80%EA%B0%9C%EB%B0%9C-%EA%B9%83-%EA%B9%83%ED%97%88%EB%B8%8C/dashboard 팀 개발을 위한 Git, GitHub 입문 - 인프런 | 강의 개인 프로젝트부터 현업 개발까지, 팀 개발에 필수적인 기술인 Git과 GitHub을 그림을 통해 쉽게 익힙니다. 아예 처음 익히는 분부터 실무 사례가 궁금한 분까지 모두 들으실 수 있습니다. CLI, GUI를 www.inflearn.com 코딩을 할 때 컨+z를 눌러 이전 상태로 되돌리는 것이 아니라, 원하는 시점마다 깃발을 꽂고..

회사에서 개발서버를 사용중에 문제가 생겨서 하루~이틀동안 개발서버가 사용 중지 되었다. 한창 개발중이기 때문에 NAT로 일단 새로운 port를 받았고, back-office에서 일단 localhost로 변경해서 각자 개발하기로 했다. 이 때 localhost로 띄우도록 변경하는 법. by intelliJ. 1. application.yml spring: profiles: active: dev ## Log-Back File Select ## logging: config: classpath:logback-${spring.profiles.active}.xml ## server port server: port: 9090 2. application-dev.yml # application-dev spring: ##..

오늘 사수님이 intelliJ serialVersionUID 생성하는 플러그인 있는거 알고있었냐는 메신저가 왔다. ㅇㅅㅇ? 바로 구글링. 직렬화(serialize)란? 컴퓨터의 메모리 상에 존재하는 데이터를 파일로써 저장하거나, 통신하는 다른 컴퓨터에게 알맞은 형식에 맞추어 전달하기 위해 "바이트 스트림" 형태로 만드는 것. 알맞은 형식 ? 자바에서는 "클래스"를 의미함. 그럼 왜 "직렬화"라고 해? 프로그램에서 사용되는 데이터들은 연속적으로 위치해 있지 않고 내부적으로 포인터에 의해 참조 되고 있다. -> 이거는 프로그램이 실행 중인 컴퓨터에서만 인식할 수 있는 형태임. 다른 컴퓨터랑 통신하면서 데이터를 알맞게 전달하기 위해서는 흩뿌려져 있는 데이터를 한 데 모아 "포인터가 존재하지 않는 일련의 바이트..