전체 글
진주 하대동 라무진
한줄요약 - 가격값하는 맛집. 비싼만큼 맛있고 신선한 양갈비 여자친구 임용고시 합격기념으로 다녀왔다. 맥주랑 하이볼 곁들였고, 1인당 5만원 이상 나온듯!
자바스크립트 논리연산자 단축평가
|| 는 or 연산, &&이 and 연산인건 아는데, {!movies && Loading...} 리액트에서 'movie' state가 undefined일 때 왜 우항의 로딩이 렌더링 되는지 궁금해서 찾아봤더니 단축평가라는게 존재했다. 간단하게 좌항이 true일때와 false 일 때 존재하는데 1. true || something 일 때 우항을 볼 필요도 없이 좌항 값이 반환된다. ex) "apple" || false; // "apple" "apple" || true; // "apple" 2. false || something 일 때 우항 값이 반환된다. apple" && "banana" // "banana" 출처: https://curryyou.tistory.com/193 [카레유]
익명함수와 즉시실행함수표현(IIFE)
익명함수 : 함수의 이름이 생략된 함수 차이점은 어디서 오냐면, 위에서 언급한 호이스팅의 개념에서 온다. 일반함수의 경우, 함수 전체가 전부 맨 위로 올라가므로 함수를 호출하는 위치에 상관없이 사용될 수 있다고 했다. 반면, 리터럴 방식으로 사용되는 익명 함수의 경우, 호이스팅 시 함수를 담는 변수의 선언부만 위로 올라가고, 익명 함수 자체는 변수가 호출되었을 때 실행되기 때문에, 선언부가 호출 위치보다 위에 있어야 한다. (티스토리 사막하는 개발여우님 블로그 - https://dev-note-97.tistory.com/273) 즉시실행함수 (function () { statements })(); 이는 Self-Executing Anonymous Function 으로 알려진 디자인 패턴이고 크게 두 부분..
[NextJS] 넥스트JS 개념
Node.js를 기반으로 구축된, 리액트 서버사이드 렌더링 프레임워크 리액트는 자바스크립트 라이브러리, 넥스트는 프레임워크. 둘의 가장 큰 차이는 Inversion of Control"(통제의 역전) 라이브러리에서 메서드를 호출하면 사용자가 제어할 수 있다 그러나 프레임워크에서는 제어가 역전되어 프레임워크가 사용자를 호출한다. 라이브러리 사용자가 파일 이름이나 구조 등을 정하고, 모든 결정을 내림 프레임워크 파일 이름이나 구조 등을 정해진 규칙에 따라 만들고 따름 => 리액트에서는 Component, Rount 등 원하는 위치와 파일명으로 자유롭게 import, export해서 사용했지만 넥스트JS에서는 클라이언트에게 보낼 화면을 pages폴더 안에 export default로 명시해줘야한다. 파일명은 ..
[네스트js] 컨트롤러, 프로바이더, 모듈 + validation
Controllers are responsible for handling incoming requests and returning responses to the client. (like a router in express) Providers are a fundamental concept in Nest. Many of the basic Nest classes may be treated as a provider – services, repositories, factories, helpers, and so on. The main idea of a provider is that it can be injected as dependency; this means objects can create various rel..
비전공자 정보처리기사 필기 합격 후기
프로그래밍 공부를 처음 시작했을 때는 문자 그대로 코딩에 치중해서 공부를 했었다. 문법 위주의 강좌들에 지치기도 했어서 무조건 '실행 가능한 코드를 짜는 것'에 비중을 두고 공부를 해나갔었다. 그러나 아는 것들이 조금씩 생겨나면서 더 나은(편리한) 기술, 보기 쉬운 코드를 쓰는 법을 고민하고 검색하다보니, 결국 컴퓨터공학의 기본적인 용어를 읽는 일이 많았다. 아직 기술적 측면에서도 배워야할게 너무 많다보니 CS 이론 공부를 매번 미루기만 했었는데 시간이 지날수록 그 필요성이 점점 커졌다. 프로그래밍은 문제 해결을 위한 도구이고, 문제해결을 위해선 나 혼자만 코드를 써넣는 것이 아닌 협의와 소통이 반드시 필요할 것인데 기본적인 용어도 모르는 상태로 다른 분들에게 질문을 하고 일을 한다는 것이 불가능해보였다..
파이썬 EOF error feat. 백준 10951번 A+B - 4
백준 10951 풀이의 경우, try-except문을 활용하면 무난하게 풀린다. while True: try: A,B = map(int, input().split()) print(A+B) except: break 그러나 try-except문을 쓰지 않을 경우 EOF error를 뱉어낸다. 파이썬 공식문서를 보면 while 반복문이 끝날 조건이 없는 상태에서 input이 빈 데이터를 받은 경우 발생하는 듯하다. sys 라이브러리의 readline을 사용하는 경우 ValueError를 낸다. 연산에 들어가야하는 값이 부적절한 인자를 받아 그런듯하다.
[리액트]react-beautiful-dnd
"아름답고 쉬운" React list drag and Drop - react-beautiful-dnd Beautiful and accessible drag and drop for lists with React. Latest version: 13.1.0, last published: 10 months ago. Start using react-beautiful-dnd in your project by running `npm i react-beautiful-dnd`. There are 1175 other projects in the npm registry us www.npmjs.com 위 그림처럼 DragDropContext -> Droppable -> Draggable로 감싸준다. onDragEnd는 드래그..
마크다운(Markdown) 정리와 github ReadMe 작성
문득 내 초라한 깃헙 페이지와 repo 속 텅 빈 ReadMe가 눈에 들어왔다 그동안 "일단 공부하고 일단 코드치고 나중에 달아야지.." 하면서 미뤄두었는데... 마구잡이처럼 써둔 코드들처럼, 레포지토리들도 방치하니 가독성이 떨어진다. 그로 인해 더 볼품 없어 보이는 건 덤.. 레포지토리 주인인 내가봐도 그런데, 다른 사람들이 보면 더 심하게 느껴지지 않을까.😪 이제라도 정리하고 싶어진 ReadMe들을 위해 마크다운 문법을 몇 개 정리해본다. 먼저 마크다운이란? 텍스트 기반의 마크업언어로 2004년 존그루버에 의해 만들어졌으며 쉽게 쓰고 읽을 수 있으며 HTML로 변환이 가능하다. 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하여 웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식할 ..
[끄티식당] 진주 경상대 일본 가정식 맛집
오랜만에 쓰는 맛집 글! 이번엔 진주 가좌동에 위치한 끄티식당이다. 경대 후문쪽에서 큰길(이노티)쪽으로 나가다보면 이름처럼 가장 끝 건물에 위치한 식당이다. 남자에게 호불호 없는 돈가스....가 있어서 방문했다. - 방문은 돈가스때문에 했지만 막상 가서 카레랑 명란크림우동만 먹음..^^ 예전같으면 비싼 가격대라 하겠지만 요즘 어딜가나 1인 기본 8천원 이상인걸 감안하면 이젠 비싼지도 잘 모르겠다... 난 식당에 가면 너무 불친절한 응대만 받지 않으면 되지만, 옴총 친절했다. 친절하게 응대해주시면 덩달아 기분이 좋아진다. 친절하고, 깨끗하고 분위기가 괜찮으니 부담없이 즐기기 좋은 식당인 것 같다! 추천!