이상과현실

예전에 애착유형과 관련된 인포그래픽을 만들었다. (관련 링크는 포스팅 하단에) 그 때 존 볼비의 애착이론을 알게되면서 심리학에 흥미가 생겼다. '나는 왜 혼자가 편할까?'는 애착 성향 중 회피형에 관련된 책이다. 2015년에 출간된 책이지만 시간이 지날수록 회피형인 사람들이 늘어나기에 요즘 더 읽기 좋은 책이다. 저자는 사회가 사람들을 고립시킨다고 말한다. 법정스님의 말을 인용하자면 '접촉이 아닌 접속'을 하게 만드는 사회이기 때문에 사람들이 점점 더 회피형이 되어간다고 말하는 것 같다. 회피에서 벗어난다는 것은 삶의 주체성을 되찾는 다는 말과 거의 동의어다. 그를 위한 첫걸음은 지금까지 피하기만 했던 문제와 마주하고, 그것에 대해 이야기하는 일이다. 그것이 불만이나 분노, 절망같은 것이라 해도 먼저 그..

1. for문 사용 방법 function solution(arr) { let answer, min = Number.MAX_SAFE_INTEGER; for (let i = 0; i < arr.length; i++) { if (arr[i] < min) min = arr[i]; } answer = min; return answer } let arr = [5, 7, 1, 3, 2, 9, 10]; console.log(solution(arr)) 1-1) min = Number.MAX_SAFE_INTEGER 로 하면 min에 안정적인 가장 큰 값이 설정됩니다. 1-2) min=arr[0] 으로 하고 for문에서 let i= 1; 로 설정하는 방법도 있습니다. 2. Array.prototype.reduce와 Math..

https://nykim.work/85 html { font-size: 62.5%; } .image { width: 12rem; } //120px .item { font-size: 1.6rem; } //16px .copyright { margin-top: 5rem; } //50px @media all and (max-width: 750px) { html { font-size: 50%; } // 이제 문서 내 모든 rem 단위가 영향을 받습니다. } root에 font size를 기본값 대신 62.5%로 설정하면 폰트사이즈 rem으로 설정했을 때 10만 곱하면 되는 인지하기 더 쉬운 숫자로 작업가능 @media query를 이용하여 브라우저 사이즈에 따라 html 퍼센트 수정

1.MYSQL 실행문제 해결 https://zel0rd.tistory.com/141 mysql 실행 안될 때 해결하기(mysql workbench) mysql을 설치하고 잘 사용하다가... 프로세서에서 mysql을 지워버렸다. 당연히 재부팅을 하면 다시 실행될 줄 알았는데... 실행되지 않았다. mysql workbench에 접속해보니 다음과 같은 에러가 나왔다. Co zel0rd.tistory.com 위 링크의 글처럼 나도 똑같은 문제가 있었는데 덕분에 잘 해결할 수 있었다. 다음에 안까먹기 위해서 이분을 본받아 기록해야겠다. 나도 MYSQL이 죽어있어서 시작을 눌렀더니 다시 됐다. 2. 테이블 칼럼 조회(초간단) 그리고 MYSQL에서 원하는 스키마의 데이터 행열을 보고싶을 때 사용하는 명령어를 찾았다..

자바스크립트에서 함수는 값이기도 하다 그렇기 때문에 배열과 객체에 담을수있다. 값으로써 함수를 배열 대신 객체에 많이 담음 객체에는 이름을 줄 수있기 때문. 함수는 값이다. 객체는 값을 저장하는 그릇이다. 객체는 위의 특성을 이용해서 서로 연관된 데이터와 처리방법을 담고 있는 함수들을 그루핑하는 방법을 통해 코드의 복잡도를 획기적으로 낮추는 수납상자이다. 객체에 들어있는 함수가 자기가 속해있는 객체를 가리킬때 this라고 한다. 출처: 생활코딩 Node.js 강의 youtu.be/7BJqT-Z0IwQ

string.split( separator, limit ) 문자열 데이터를 반복적으로 하나씩 꺼내 이용할 수 있는 배열로 만들기 위해 이용 separator에 분할기준을 넣음 ',' text.split(','); developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split String.prototype.split() - JavaScript | MDN The split() method divides a String into an ordered list of substrings, puts these substrings into an array, and returns the array. The division is d..

주먹왕 랄프2 인터넷 속으로 원서를 읽다가 URL의 query string에서 query의 뜻이 묻다라는 걸 알았다. string이 끈이라는 뜻도 있지만 컴퓨터 언어 상으로는 문자열이라는 뜻이니, 묻는 문자열이라는 뜻이네! 물어보는 거니까 query string이 '?' 로 시작하는거구나. 생각보다 직관적이다. 이게 바로 시멘틱 URL 인가 싶다. 1. HTTP (HyperText Transfer Protocol) HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜 2. request message 요청의 구성 HTTP 메서드, 보통 클라이언트가 수행하고자 하는 동작을 정의한 GET, POST 같은 동사나 OPTI..

pug는 Express의 View engine이자 Node Express Template Engine이다. pug 문법으로 쓰면 HTML 파일로 변환해준다. 닫는 태그는 따로 필요없고 탭을 하면 자식노드가 되고 탭을 안하면 형제노드가 된다. 다른 pug 파일에서 extends를 쓰면 연결한 pug layout 파일에서 html(pug)구조를 가져다 쓸 수 있다. block content 영역에 들어가는 코드를 쓰면 된다. 자바스크립트 쓰는 법 #{ } 안에 javascript 문법을 적으면됨. 프로그래밍은 분할정복(나눠서 하나씩 처리하는 것)이다. pugjs.org/api/getting-started.html Getting Started – Pug Getting Started Installation Pu..