Lpla 개발 블로그

일상

최근 느끼는 점

자바스크립트 공부를 한다. -> 프론트엔드 프레임워크를 사용하여 더 멋진 코드를 작성하고 싶은 욕구가 생긴다. -> 리액트 공부를 한다. -> 자바스크립트 문법이 부족함을 느낀다. -> 자바스크립트 공부를 한다. -> (반복)

JavaScript/기초

[JavaScript] 조건문 응용

이 글은 벨로퍼트와 함께하는 모던 자바스크립트의 내용을 공부하고 정리한 글입니다. 05. 조건문 더 스마트하게 쓰기 · GitBook 05. 조건문 더 스마트하게 쓰기 이번에는 조건문을 조금 더 스마트하게 쓰는 방법에 대해서 알아보겠습니다. 특정 값이 여러 값중 하나인지 확인해야 할 때 만약, 여러분이 특정 값이 여러 값 중 learnjs.vlpt.us 1. 특정 값이 참인지 확인하는 상황 function isAnimal(text) { return ( text === '고양이' || text === '개' || text === '거북이' || text === '너구리' ); } isAnimal('개'); // true isAnimal('노트북'); // false 특정 값이 동물인지 확인하는 함수 isA..

JavaScript/실전

[JavaScript] 절대 좌표, 상대 좌표 구하기

HTML CSS html, body { margin: 0; padding: 0; } .box { width: 500px; height: 500px; position: absolute; } .box1 { background-color: bisque; top: 1000px; left: 50%; transform: translateX(-50%); } .box2 { background-color: brown; top: 3000px; left: 50%; transform: translateX(-50%); } box1의 top은 페이지(문서) 기준으로 1000px이다. 하지만 내가 보고 있는 화면을 기준(viewport)으로 좌표를 측정한다면 0px이 될 수도 있고 -1000px이 될 수도 있다. 1. 상대 좌표 ..

PHP

[PHP] 맨땅에 헤딩으로 게시판 만들기 (1)

강의글이 아닙니다. 자신 있는 분야도 아니므로 틀린 부분이 있을 수 있습니다. php로 게시판을 만들고 싶어졌다. php를 정식으로 공부하지 않아서 문법에 많이 약하지만 게시판 커스텀은 수십 차례 해봤기 때문에 충분히 가능할 것 같았다. 그래서 내가 아는 지식을 총동원해서 게시판을 만들어 보기로 했다. 1. 로컬 서버 생성 php를 사용하기 위해 비트나미 로컬 호스트를 만들었다. 이전에 작성한 글이 있으니 참고하면 된다. 그누보드 로컬 설치하기 먼저 구글에 bitnami wamp를 검색하여 다운로드받는다. 글 작성일 기준으로 8.0.0-0이 최신버전이다. 하지만 8.0.0-0은 아직 그누보드에서 제대로 검증되지 않았다. 나는 모르고 8.0.0-0을 설치했다가 그 lpla.tistory.com 2. 게시판..

etc

로컬 호스트에서 phpmyadmin 속도 문제 해결

phpmyadmin이 유독 로컬 서버에서 응답 속도가 많이 느린 문제가 있다. phpmyadmin이 설치되어 있는 폴더에서 confing.inc.php 파일을 아래로 수정한다. [수정 전] $cfg['Servers'][$i]['host'] = 'localhost'; [수정 후] $cfg['Servers'][$i]['host'] = '127.0.0.1'; 그리고 비트나미 서버를 재시작한다. 그리고 다시 phpmyadmin을 접속하면 평소와 같은 속도가 나온다. 참고 : https://community.bitnami.com/t/phpmyadmin-4-8-1-is-very-slow-how-do-i-upgrade-it/61965

JavaScript/기초

[JavaScript] forEach, map, fill

1. forEach forEach 메서드는 주어진 함수를 배열 요소 각각에 대해 실행한다. forEach는 중간에 멈출 수 없다. for문 const array1 = [2, 4, 6, 8, 10]; const array2 = []; for (let i = 0; i { array2.push(element * 2); }) console.log(array2); // [4, 8, 12, 16, 20] 2. map map 메서드는 주어진 함수를..