[TIL_Carrotww] 3

μœ ν˜•μ„Β·2022λ…„ 8μ›” 31일
0

TIL

λͺ©λ‘ 보기
3/138
post-thumbnail

πŸ“κ³΅λΆ€ν•œ 것

🧲 javascript μ—μ„œ 이미지 μ €μž₯ν•˜κΈ°

πŸ”κΈ°λ³Έμ μœΌλ‘œ 크둬, 웨일 κ³Ό 같은 λΈŒλΌμš°μ € 듀은 javascript μ—μ„œ 둜컬 λ””μŠ€ν¬μ— μ ‘κ·Όν•˜λŠ”κ²ƒμ„ λ³΄μ•ˆμƒ 문제둜 κΈˆμ§€ν•œλ‹€.
무슨 λœ»μ΄λƒλ©΄ 파일 경둜λ₯Ό μ œλŒ€λ‘œ 뢈러올 수 μ—†λ‹€λŠ” λœ»μ΄λ‹€.

μ΄λŸ°μ‹μœΌλ‘œ C:\ λ“œλΌμ΄λΈŒ μ•ˆμ— κ²½λ‘œκ°€ fakepath둜 λ˜μ–΄μžˆμ–΄ 이미지λ₯Ό db에 μ €μž₯ν•  수 μ—†μ—ˆλ‹€.
flask 둜 이미지 경둜만 전달이 되면 mongodb둜 이미지 μ˜¬λ¦¬λŠ”κ²ƒμ€ μžμ‹ μ΄ μžˆμ—ˆλŠ”λ°... javascript μͺ½ 문제λ₯Ό ν•΄κ²°ν•˜μ§€ λͺ»ν•˜μ˜€λ‹€...
μ°Ύμ•„λ³΄λ‹ˆ

function theimage(){
 var filename = document.getElementById('file-id').value;
 document.getElementById('file-path').value = filename;
 alert(filename);
}

μœ„μ™€ 같은 ν•¨μˆ˜λ‘œ javascriptμ—μ„œ 경둜λ₯Ό μ €μž₯ν•˜λ©΄ λ˜μ§€λ§Œ, μ‹œκ°„λ„ λΆ€μ‘±ν•˜κ³ , flask (backend)λ₯Ό λ‹΄λ‹Ήν–ˆμ–΄μ„œ λ‚΄κ°€ μ§œμ§€ μ•Šμ€ front 뢀뢄을 λ‹€ 읽어보고 μˆ˜μ •ν•˜κΈ°λž€ 만만치 μ•Šμ•˜λ‹€.

πŸ“λŠλ‚€ 점

🧲 ν˜‘μ˜

πŸ” 3일 μ§Έ ν˜‘μ˜λ₯Ό κ°•μ‘°ν•˜λŠ”κ²ƒ κ°™μ§€λ§Œ 기술적인 뢀뢄보닀 λ”μš± μ€‘μš”ν•˜κ²Œ λŠκ»΄μ§„λ‹€.
초기 κΈ°λŠ₯ ν˜‘μ˜ κ³Όμ •μ—μ„œ μ’€ 더 μžμ„Ένžˆ 찾아보고 섀계λ₯Ό ν–ˆλ‹€λ©΄ μ™„λ²½ν•˜κ²Œ ν•  수 μžˆμ—ˆμ„ν…λ° γ…œγ…œ μ•ˆμΌν–ˆλ‹€...

πŸ” 탑을 μŒ“κΈ° μ „ κΈ°λ°˜μ„ νŠΌνŠΌν•˜κ²Œ 닀지고 탑을 μŒ“μ•„μ•Όκ² λ‹€.
μ„œλ‘œ μ½”λ“œλ₯Ό 짜며 λ­”κ°€λ₯Ό μΆ”κ°€ν•˜λ €κ³  ν•˜λ‹ˆ μ—„μ²­ κΌ¬μ˜€λ˜ 것 κ°™λ‹€.

🧲 λ‹€λ₯Έ νŒ€ ν”„λ‘œμ νŠΈ

πŸ” λ‹€λ₯ΈνŒ€λ“€μ€ ν”„λ‘ νŠΈ 뢀뢄에 μ‹œκ°„μ„ 많이 νˆ¬μžν•˜κ³  고민을 ν•œκ²Œ λ³΄μ˜€λ‹€. νŽ˜μ΄μ§€κ°€ λ„ˆλ¬΄ 이쁘고 μ‹ κΈ°ν•œκ²Œ λŒ€λ‹¨ν–ˆκ³  λ‹€μŒμ—λŠ” λ‚˜λ„ λΆ€νŠΈμŠ€νŠΈλž©μ—μ„œ 이쁜 UI 듀을 μ°Ύμ•„μ™€μ„œ 잘 꾸며봐야겠닀.. γ… 

profile
Carrot_hyeong

0개의 λŒ“κΈ€