본문 바로가기

분류 전체보기542

React | JSX란? 렌더링 Rendering이란? 0. 들어가기에 앞서: React란? JSX를 정리하기에 앞서 간단히 리액트를 정리해보자. 리액트는 페이스북이 만든 사용자 UI 구축을 위한 라이브러리이다. 하나의 단일 url을 가지고 SPA(Single Page Application)으로 사이트를 표현하는 것을 가능케하는 프레임워크다. 이 리액트는 3가지의 대표적인 특징을 가지고 있다. 1. JSX 문법 2. Component 기반 3. Virtual DOM 이번엔 먼저 JSX에 대해 알아보도록 하자. 1. JSX란 쉽게 말해 HTML 문법을 JavaScript 코드 내부에 쓴 것. 그것이 바로 JSX다! 어렵게 말해 JavaScript eXtension.. JavaScript의 확장 버전이고 결론은 자바스크립트이다. "React에서 HTML을 표현할.. 2021. 4. 29.
[React] 리액트 프로젝트 생성과 빌드 해당 글은 리액트에서 제공하는 자습서에 내용을 덧붙이고 풀어서 작성한 글입니다. 원문 : https://ko.reactjs.org/docs/getting-started.html 시작하기 – React A JavaScript library for building user interfaces ko.reactjs.org 리액트 프로젝트를 만들기 위해선 creact-react-app을 이용합니다. npm install -g create-react-app create-react-app 프로젝트이름 저는 프로젝트이름을 react-tutorial으로 생성하였습니다. cd react-tutorial npm start 해당 폴더로 접근한 뒤 npm start로 실행할 수 있습니다. 정상적으로 리액트 페이지가 로드됩니다... 2021. 4. 29.
[React] React.js란 무엇인가? React.js란 무엇인가? React는 현재 현업에서 인기 있는 웹/앱(RN)의 View를 개발할 수 있도록 하는 라이브러리이다. 보통 우리가 생각하는 어플리케이션(웹, 앱 혹은 데스크톱용 소프트웨어)을 만들기 위해서는 사용자가 조작하기 위한 UI(User-Interface), UI를 컨트롤 하기 위한 로직, 데이터를 처리하는 비즈니스 로직 등 3가지 부분으로 개발이 필요하다. 이렇게 특정 부분을 나누어 개발하는 방법론을 MVC 패턴, MVVM패턴 이라고하며, React.js는 View 즉, 사용자가 조작하기 위한 UI를 만드는 것을 도와주는 라이브러리이다. 개발을 처음 공부한다면 MVC 패턴, MVVM패턴 외에 다양한 패턴들을 익히고, 손으로 직접 구현해보길 바란다. 다양한 패턴들이 처음에는 익숙하지.. 2021. 4. 29.
[청담 맛집/한우 맛집] 한와담 청담 맛은 있지만 특별하진 않은 청담맛집 한우 맛집 한와담 청담 맨날 맛집포스팅할때 혼잣말 형식으로썻다 존댓말 햇다 섞어쓰는데 이젠 혼잣말 형식이다. 혼잣말 형식이지만 예의범절있는 나는 이렇게 소소하게 공지한다오늘도 여전히 고기 포스팅이다고기만 올리니까고기 덕후인줄 알겠다 사람들이.. 걸렸네 한와담은 약간 고급 스러운 느낌의 고기집직접 구워주시고 그릇도 정갈하고고기 상태도 좋고고기도 비싸다^^ 내가 만약 100억 있는 부자라면 저렴한거겠지만난 100원 있는 인간이므로 비싼 편이다. 인터넷에서 본 이집의 매력은 콜키지 라고 하지만우린 술을 마시지않는다. 고기만 먹을뿐 이렇게고기 두덩이를 구워주신다. 3인분인지 4인분을 주문했는지 기억나지 않지만 1인분에 150g 이었고 1인분 가격이 4만원 대였다. 3-4인분 주문하면 저렇게 두덩이가 나.. 2021. 4. 29.
java에서 사용하는 log와 logger의 차이 - java에서 사용하는 log와 logger의 차이 - Logger * example : Logger logger = Logger.getLogger("com.foo"); - Log * example : Log log = LogFactory.getLog(CLASS.class); Logger는 log4j의 framework에서 제공하는 api이고, Log는 Commons-logging에서 제공하는 logging framework에 대한 추상화 layer라고 하는 듯... 출처: http://stackoverflow.com/questions/13871337/differences-between-log-and-logger 2021. 4. 28.
★간단한 logback 설정하기 pom.xml 설정 org.slf4j slf4j-api ${version.slf4j} ch.qos.logback logback-classic 1.1.7 로그 레벨 ERROR, WARN , INFO, DEBUG, TRACE logback 설정파일 일반적으로 logback.xml으로 만들며 src/main/resources/ 아래에 위치시킨다. 기본 구조 Appender 설정 Logger 설정 logback.xml %d{HH:mm:ss.SSS} [%thread] %-5level %logger{32} - %msg%n LogTest.java public class LogTest { private static final Logger LOG = LoggerFactory.getLogger(LogTest.class);.. 2021. 4. 28.
[제주도 맛집/고등어회 맛집] 제주도 미영이네 고등어회 강추 맛집 제주도 맛집 제주도 고등어회 미영이네 제주도 여행했을때 추천 받았던 고등어회 맛집이에요 늦게가면 당일 재료 소진으로 고등어가 없답니다! 성수기 때만 그럴수 있지만 예약 안되고 가서 번호적고 시간되면 불러주셔요 어떤 항구 앞에 횟집이 있었어요. 한여름 방문 했고 저녁 즈음 이있답니다. 주차는 앞에 항구에 가능해요! 차에서 기다리다가 전화받고 냉큼 달려 갔어요. 제주도 고등어회 맛집 “미영이네” 대기가 많았어요! 고등어 회+탕 주문 했어요. 2인분 양 이라고 합니다 가격은 50,000₩ 지금 검색해보니 55,000₩으로 오천원 오른듯 합니다. 앉자마자 세팅이 호로록 태어나서 처음 먹어보는 고등어 회 저기 가장 왼쪽에 넓게 펼쳐진 밥은 “고등어 밥” 이에요. 고등어를 넣어서 지은 밥인가? 비린내는 안났어여. .. 2021. 4. 28.
LOGBACK 설정방법 SLF4j 특징 SLF4j(Simple Log Facade for Java) 는 사용자가 원하는 로깅 프레임워크(log4j, logback, 등)으로 변경하여 사용 할수 있도록 추상화하는 기능을 제공한다. 1. gralde 추가 compile("org.slf4j:slf4j-api:1.7.7") compile('ch.qos.logback:logback-classic:1.1.2') 2. logback.xml 파일을 src/main/resource 아래 생성 후 아래 내용을 추가해준다. %d{HH:mm:ss.SSS} [%thread] %-5level %logger{36} - %msg%n ${APP_HOME}/sujemall-webapp.log sujemall-webapp.%d{yyyy-MM-dd}.log 30.. 2021. 4. 27.
log4j, logback 그리고 log4j2 Java의 여러가지 Logger들 Java 진영에는 여러가지 로깅 관련 프레임워크가 있습니다. 흔히 접하기 어려운 commons logging과 JUL(Java Uitl Logging)도 있고요. 이번에 비교할 대상인 log4j, logback 그리고 log4j2가 있습니다. 간단하게 시간 순서대로 비교하면 log4j, logback, log4j2 순서로 등장했습니다. 그러니까 log4j2가 상대적으로 최근에 등장한 로깅 프레임워크지요. logback과 log4j2는 log4j를 기반으로 하고 있어서 설정하는 방법이나 사용 방법이 유사합니다. 비슷하긴 하지만 다른 로깅 프레임워크로 전환할 때를 생각한다면 slf4j 라는 녀석의 도움이 필요합니다. slf4j는 Java 진영의 로깅 프레임워크들의 추상체(f.. 2021. 4. 27.
728x90
반응형

티스토리툴바