본문 바로가기 메뉴 바로가기

PARK_90

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

PARK_90

검색하기 폼
  • 분류 전체보기 (101)
    • IT (57)
      • Java (13)
      • ElasticSearch (5)
      • Spring (13)
      • Tech Note (5)
      • SQL·DB (12)
      • Architecture (1)
      • DevOps·Infra (8)
    • Front (9)
      • React (9)
    • 경제·재테크 (14)
      • 연금·노후 (9)
      • ETF·계좌전략 (4)
      • 미국증시 (1)
    • 부동산 (18)
      • 부동산 기초 (4)
      • 청약·주택정책 (2)
      • 매매·전세·월세 (11)
      • 대출·세금 (1)
    • 지원금·정책 (2)
    • 일상정보 (1)
  • 방명록

map (2)
React JSX 문법 정리 | 기본 문법, 조건부 렌더링, 리스트 렌더링까지

React를 공부하기 시작하면 가장 먼저 부딪히는 문법이 바로 JSX입니다.처음 보면 HTML처럼 보이는데 JavaScript 안에 들어가 있고, 중괄호로 값을 넣기도 하고, if문은 그대로 안 들어가고, 배열을 map()으로 돌려 화면에 뿌리는 방식도 낯설게 느껴집니다.특히 입문 단계에서는 아래 포인트에서 많이 막힙니다.JSX는 정확히 무엇인가?HTML과 뭐가 다르고 왜 중괄호를 쓰는가?조건부 렌더링은 어떻게 해야 하는가?리스트 출력할 때 왜 map()과 key가 필요한가?이번 글에서는 React 입문자가 꼭 알아야 하는 JSX 기본 문법, 조건부 렌더링, 리스트 출력을 한 번에 정리하겠습니다. 단순 문법만 나열하지 않고, 왜 그렇게 쓰는지, 어디서 자주 헷갈리는지까지 같이 보겠습니다.핵심만 먼저 보면..

Front/React 2026. 4. 2. 09:00
Java 자주 쓰는 문법·메소드 정리 | String, List, Map, Stream, Arrays까지 한 번에

Java를 공부하거나 코딩 테스트, 실무 API 처리, 문자열 가공을 하다 보면 자주 찾게 되는 것이 바로 기본 메소드입니다.특히 아래처럼 자주 막히게 됩니다.문자열 자르기, 포함 여부 확인은 어떤 메소드를 써야 하는가?List 정렬, 중복 제거, 부분 추출은 어떻게 하는가?Map에서 키 존재 여부 확인이나 기본값 처리는 어떻게 하는가?Arrays, Math, 형 변환 관련 메소드 중 실무에서 자주 쓰는 것은 무엇인가?Set, Stream, StringBuilder, Comparator 같은 문법/도구는 언제 꺼내 써야 하는가?기존처럼 메소드를 무작정 나열해 두면 한 번 훑고 끝나기 쉽습니다. 그래서 이번 글은 실제로 자주 찾는 상황 기준으로, String → 형 변환 → 배열/리스트 → Map → Qu..

IT/Java 2022. 8. 22. 21:41
이전 1 다음
이전 다음
반응형
최근에 올라온 글
TAG
  • spring
  • 퇴직연금
  • 인프라
  • 리액트
  • sql
  • 보증금 보호
  • irp
  • 노후준비
  • 프론트엔드
  • 절세
  • 절세계좌
  • SQLDB
  • 부동산 계약 체크리스트
  • DB
  • 전세보증보험
  • ElasticSearch
  • 연금저축
  • Docker
  • Java
  • 연금
  • 전세 계약금
  • 전세사기 예방
  • 전세 계약 체크리스트
  • 데이터베이스
  • DevOps
  • 가계약금 반환
  • Spring 핵심 개념
  • 전세 계약 주의사항
  • spring boot
  • react
more
글 보관함
«   2026/05   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

Blog is powered by Tistory / Designed by Tistory

티스토리툴바