영어 구문 분석 / 편집기

Syntax Analyzer는 영어 문장의 다양한 구문을 자동으로 분석해 주고, 원하는 형태로 구문을 편집할 수 있는 웹 어플리케이션입니다. 자주 사용하는 30여 가지의 문법 태그를 통해 복잡한 문장 구조를 한눈에 파악할 수 있도록 도와줍니다. 입력한 주제와 연관된 랜덤 문장 생성 기능도 제공합니다. 영어 구문 분석은 직접 파인튜닝한 OpenAI 모델을 활용했습니다.

• 어플리케이션 링크: https://syntax-analyzer.romantech.net
• 백엔드 레포지토리: https://github.com/romantech/project-server
• 파인튜닝 레포지토리: https://github.com/romantech/openai-fine-tuning

목차

• 주요 기능
• 사용 스택
  • Frontend
  • Backend
• 분석 데이터 생성 흐름
• 구문 분석기 동작 방식
• 태깅 제약 조건
• 문장 성분 목록
• 스크린샷

주요 기능

Note

I'll 같은 축약 표현은 자동으로 풀어서 분석합니다, e.g., I'll → I will
숫자에 포함된 모든 쉼표(,)는 제거 후 분석합니다, e.g., 6,500 → 6500

1. 영어 구문 분석: 주어, 동사, 목적어, 구/절 등 문장 성분 분석
2. 영어 구문 편집기: 30여 가지 문법 태그를 이용한 문장 구조 시각화
3. 영어 문장 생성: 입력한 주제와 연관된 랜덤 문장 생성

사용 스택

Frontend

• Framework: React with TypeScript
• UI Library: Chakra UI
• CSS Preprocessor: SCSS
• State Management: Jotai / React Query
• Form Handling: React Hook Form / Yup
• Animation: Framer Motion / Lottie

Backend

• Framework: Express with TypeScript
• Database & Cache: Redis (using ioredis)
• Syntax Analysis: OpenAI / LangChain

분석 데이터 생성 흐름

sequenceDiagram
autonumber
participant C as React Client
participant S as Express Server
participant R as Redis DB
participant O as OpenAI API
C->>S: Request analysis #32;#32;
activate S
S->S: Validate request
Note right of S: Verify IP and fields #32;
alt Invalid Request
S-->>C: 400 Bad Request
else Valid Request
S->>+R: Get analysis quota
R-->>-S: Return analysis quota
S->S: Verify analysis quota
break If Limit Reached
S-->>C: 400 Limit Exceeded
end
else Continue
S->>+R: Retrieve prompt
R-->>-S: Return prompt
critical Process with OpenAI
S->>+O: Create chat completion
O-->>-S: Return analysis result
end
S->>R: Update request count
Note over S,R: GPT 3.5 reduced by 1#59; GPT 4 reduced by 5 #32;#32;#32;
S-->>C: 200 OK with analysis data
deactivate S
end

Loading

구문 분석기 동작 방식

먼저, 입력받은 문장의 토큰화 과정을 통해 각 단어를 최소 단위로 분리합니다. 이렇게 분리한 토큰들은 루트(최상위) 세그먼트에 포함시켜 그래프 구조로 관리합니다. 각 세그먼트는 시작과 끝에 대한 토큰 인덱스 정보를 가집니다. 문장 성분을 추가할 땐 토큰 인덱스 범위에 해당하는 세그먼트를 탐색하고, 필요에 따라 새로운 세그먼트를 생성하거나 결합합니다.

1. 시작-끝 범위가 현재 세그먼트 범위와 일치할 때: 해당 세그먼트에 추가
2. 시작-끝 범위가 현재 세그먼트 범위보다 작을 때: 자식 세그먼트 중 해당 범위를 포함하는 세그먼트 탐색
3. 시작-끝 범위를 포함하는 자식 세그먼트가 없을 때: 자식 세그먼트를 결합하여 새로운 세그먼트 생성
4. 자식 세그먼트가 하나도 없을 때: 새로운 세그먼트 생성

아래 이미지는 Global warming is a significant issue 문장을 기준으로 3-6, 5-6, 4-6 토큰 인덱스 범위에 문장 성분을 추가할 때마다 세그먼트가 어떻게 변화하는지 보여주는 예시입니다.

태깅 제약 조건

문장 성분 태깅은 문장의 각 단어나 구/절에 문법적인 역할을 표시하는 작업입니다. 태깅 작업은 기본적으로 단어 단위로 이루어지며, 구/절은 서로 교차할 수 없는 제약을 설정했습니다. 이미 구조가 형성된 세그먼트를 교차 태깅하면 기존 구조를 해체하고 재구성해야 하는 문제가 발생하기 때문입니다.

예를 들어 Global warming is a significant issue 문장에 아래처럼 S, V, C가 태깅된 상태에서 warming is 혹은 is a significant 구간을 태깅하는 것은 금지합니다. 대신 Global warming is 처럼 두 문장 성분을 모두 포함하는 구간은 허용합니다.

[Global warming] [is] [a significant issue]
---------------- ---- ---------------------
S V C
허용 : Global warming is / is a significant issue
금지 : warming is / is a / is a significant

문장 성분 목록

영어 문장은 아래 문법 요소를 기준으로 분석되며, 구문 편집기의 태그로도 활용됩니다. 약어와 설명은 편집기의 툴팁으로 표시됩니다. 한 단어는 토큰(token), 두 단어 이상은 유형에 따라 구(phrase) 혹은 절(clause)로 구분합니다.

라벨	약어	타입	설명
주어	s	token	문장의 주체를 나타내는 단어나 구
동사	v	token	문장의 동작이나 상태를 나타내는 단어
조동사	mod	token	다른 동사와 쓰여 의미를 부여하는 동사
목적어	o	token	동사의 동작이나 상태에 영향을 받는 단어나 구
간접 목적어	i.o.	token	동사의 동작이 미치는 대상을 나타내는 단어나 구
직접 목적어	d.o.	token	동사의 동작이 직접적으로 영향을 주는 단어나 구
전치사 목적어	prp.o.	token	전치사에 의해 소개되는 단어나 구
보어	c	token	주어나 목적어를 설명하거나 보완하는 단어나 구
목적보어	o.c.	token	목적어를 설명하거나 보완하는 단어나 구
to부정사	to-inf	token	'to'와 함께 사용되는 동사의 기본형
동명사	g	token	동사에 -ing를 붙여 명사로 사용하는 형태
분사	pt	token	동사의 과거 분사나 현재 분사 형태
접속사	conj	token	문법적으로 연결하는 단어
부사	adv	token	동사, 형용사, 부사를 수식하는 단어
분사구	pt.phr	phrase	분사와 그 관련 구성요소로 이루어진 구
전치사구	prp.phr	phrase	전치사와 그 객체로 이루어진 구
명사구	n.phr	phrase	명사와 그와 관련된 수식어들로 이루어진 구
부사구	adv.phr	phrase	문장 내에서 부사의 역할을 하는 구
동사구	v.phr	phrase	문장 내에서 동사의 역할을 하는 구
형용사구	adj.phr	phrase	문장 내에서 형용사의 역할을 하는 구
동명사구	g.phr	phrase	동명사와 그와 관련된 단어들로 이루어진 구
부정사구	inf.phr	phrase	'to'와 동사 기본형 및 관련 구성요소로 이루어진 구
등위절	co.cl	clause	동일한 중요도를 가진 두 개 이상의 절
병렬절	p.cl	clause	동일한 문법 구조를 갖는 두 개 이상의 절
명사절	n.cl	clause	문장에서 명사 역할을 하는 절
형용사절	adj.cl	clause	문장에서 형용사 역할을 하는 절
부사절	adv.cl	clause	문장에서 부사 역할을 하는 절
삽입절	i.cl	clause	다른 절 속에 삽입된 절
관계절	rel.cl	clause	주절에 관계된 세부 정보를 제공하는 절
종속절	dep.cl	clause	다른 절에 의존하여 완전한 의미를 가질 수 없는 절
독립절	ind.cl	clause	독립적으로 완전한 의미를 가진 절

스크린샷

홈 화면

영어 구문 분석 요청 양식

영어 구문 편집기

랜덤 문장 생성