๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’Ž48

[C++] int to string, string to int | to_string, stoi โ— int → string # to_string int num = 12345; string str = to_string(num); โ— string → int # stoi string str = "abcde"; int num = stoi(str); โ— char* → int # ๋˜๋Š” # atoi() char* cStr = "abcde"; int num = atoi(cStr); โ— string → char* → int #, # c_str() → atoi() string s = "abcde"; int num = atoi(s.c_str()); 2020. 3. 10.
[๋ถ€์ŠคํŠธ์ฝ”์Šค] ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ FE: JavaScript 3 ํ•จ์ˆ˜, ํ•จ์ˆ˜ ํ˜ธ์ถœ ์Šคํƒ ์˜ค๋Š˜์€ JavaScript ๋งˆ์ง€๋ง‰ ํŒŒํŠธ์ž…๋‹ˆ๋‹ค. JavaScript์˜ ํ•จ์ˆ˜์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ํ•™์Šต ๋ชฉํ‘œ JavaScript์˜ ๊ธฐ๋ณธ๋ฌธ๋ฒ•์„ ์ดํ•ดํ•œ๋‹ค. DOM, Browser Event, Ajax์ด ๊ฐ๊ฐ ๋ฌด์—‡์ธ์ง€ ์ดํ•ดํ•˜๊ณ , ์ด๋ฅผ ํ™œ์šฉํ•ด ์›นํ™”๋ฉด์„ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋‹ค. JSP์˜ ๋ผ์ดํ”„์‚ฌ์ดํด์„ ์ดํ•ดํ•˜๊ณ  redirect & forward ์™€ scope๋ฅผ ์ดํ•ดํ•˜๊ณ  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. JSTL๊ณผ EL์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ์„ค์น˜ํ•˜๊ณ  ๊ฐ„๋‹จํ•œ SQL์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. Maven์„ ์ดํ•ดํ•˜๊ณ  Maven์„ ์ด์šฉํ•œ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค. JDBC ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ํ•  ์ˆ˜ ์žˆ๋‹ค. Web API๋ฅผ ์ดํ•ดํ•œ๋‹ค. ๊ฐ•์˜ ๋งํฌ๐Ÿ‘‡ [LECTURE] 3) ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ•จ์ˆ˜ : edwith ๋“ค์–ด๊ฐ€๊ธฐ ์ „์— "์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ž˜ ์ดํ•ดํ•˜.. 2020. 3. 4.
[๋ถ€์ŠคํŠธ์ฝ”์Šค] ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ฝ”๋“œ๋ฆฌ๋ทฐ ํ›„๊ธฐ: ํ”„๋กœ์ ํŠธA-1. ํ™ˆํŽ˜์ด์ง€ BE ์•ˆ๋…•ํ•˜์„ธ์š” ์˜ค๋Š˜์€ ์ฝ”๋“œ๋ฆฌ๋ทฐ ํ›„๊ธฐ๋ฅผ ์ž‘์„ฑํ•ด๋ณด๋ ค๊ณ ํ•ฉ๋‹ˆ๋‹ค. BOOSTER 2๊ธฐ ํ™œ๋™์„ ํ•˜๋ฉด์„œ ๋ฌด๋ฃŒ ์ฝ”๋“œ๋ฆฌ๋ทฐ๊ถŒ์„ ๋ฐ›์•„์„œ ์ฝ”๋“œ๋ฆฌ๋ทฐ๋ฅผ ๋ฐ›์•„๋ณด์•„์„œ ๊ทธ ํ›„๊ธฐ๋ฅผ ์ž‘์„ฑํ•ด๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์ €๋Š” '1.์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ ๊ธฐ์ดˆ' ํ™ˆํŽ˜์ด์ง€ ๋งŒ๋“œ๋Š” ํ”„๋กœ์ ํŠธ์˜ ๋ฐฑ์—”๋“œ ๋ถ€๋ถ„์„ ์ฝ”๋“œ๋ฆฌ๋ทฐ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค. https://www.edwith.org/boostcourse-web/project/4/content/3#summary www.edwith.org ๊ธฐ์ˆ ์š”๊ตฌ์‚ฌํ•ญ ๐Ÿ‘‰์›นํ”„๋ก ํŠธ์—”๋“œ html layout tag๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. classname์€ ์ผ์ •ํ•œ ์ปจ๋ฒค์…˜์„ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค. ์˜๋ฏธ์— ๋งž๋Š” tag๋ฅผ ์ตœ๋Œ€ํ•œ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. (div ์‚ฌ์šฉ์€ ์ตœ๋Œ€ํ•œ ์ž์ œ) position์†์„ฑ๊ณผ float๋ฅผ ์‚ฌ์šฉํ•ด์„œ element๋ฅผ ๋ฐฐ์น˜ํ•ฉ๋‹ˆ๋‹ค. ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ•œ ๋ ˆ์ด์•„์›ƒ์€ ์ง€์–‘ํ•ฉ๋‹ˆ๋‹ค. (.. 2020. 2. 28.
[๋ถ€์ŠคํŠธ์ฝ”์Šค] ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ FE: JavaScript 2 ๋น„๊ต-๋ฐ˜๋ณต-๋ฌธ์ž์—ด ๋ฒŒ์จ 2. DB ์—ฐ๊ฒฐ ์›น ์•ฑ ํŒŒํŠธ์— ๋“ค์–ด๊ฐ€๋ฉด์„œ ์•„๋ž˜ ํ•™์Šต ๋ชฉํ‘œ๋“ค์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ๋ฐฐ์šฐ๊ฒŒ ๋˜๋Š”๋ฐ ์˜ค๋Š˜์€ ๊ทธ ์ค‘ JavaScript์˜ ๋น„๊ต-๋ฐ˜๋ณต-๋ฌธ์ž์—ด์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ํ•™์Šต ๋ชฉํ‘œ JavaScript์˜ ๊ธฐ๋ณธ๋ฌธ๋ฒ•์„ ์ดํ•ดํ•œ๋‹ค. DOM, Browser Event, Ajax์ด ๊ฐ๊ฐ ๋ฌด์—‡์ธ์ง€ ์ดํ•ดํ•˜๊ณ , ์ด๋ฅผ ํ™œ์šฉํ•ด ์›นํ™”๋ฉด์„ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋‹ค. JSP์˜ ๋ผ์ดํ”„์‚ฌ์ดํด์„ ์ดํ•ดํ•˜๊ณ  redirect & forward ์™€ scope๋ฅผ ์ดํ•ดํ•˜๊ณ  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. JSTL๊ณผ EL์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ์„ค์น˜ํ•˜๊ณ  ๊ฐ„๋‹จํ•œ SQL์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. Maven์„ ์ดํ•ดํ•˜๊ณ  Maven์„ ์ด์šฉํ•œ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค. JDBC ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ํ•  ์ˆ˜ ์žˆ๋‹ค. Web API๋ฅผ ์ดํ•ดํ•œ๋‹ค. [LECTURE] 2) ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ.. 2020. 2. 21.
[๋ถ€์ŠคํŠธ์ฝ”์Šค] ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ FE: JavaScript 1 ๋ณ€์ˆ˜-์—ฐ์‚ฐ์ž-ํƒ€์ž… ๋ฒŒ์จ 2. DB ์—ฐ๊ฒฐ ์›น ์•ฑ ํŒŒํŠธ์— ๋“ค์–ด๊ฐ€๋ฉด์„œ ์•„๋ž˜ ํ•™์Šต ๋ชฉํ‘œ๋“ค์— ๋Œ€ํ•œ ๋‚ด์šฉ์„ ๋ฐฐ์šฐ๊ฒŒ ๋˜๋Š”๋ฐ ์˜ค๋Š˜์€ ๊ทธ ์ค‘ JavaScript์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ํ•™์Šต ๋ชฉํ‘œ JavaScript์˜ ๊ธฐ๋ณธ๋ฌธ๋ฒ•์„ ์ดํ•ดํ•œ๋‹ค. DOM, Browser Event, Ajax์ด ๊ฐ๊ฐ ๋ฌด์—‡์ธ์ง€ ์ดํ•ดํ•˜๊ณ , ์ด๋ฅผ ํ™œ์šฉํ•ด ์›นํ™”๋ฉด์„ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋‹ค. JSP์˜ ๋ผ์ดํ”„์‚ฌ์ดํด์„ ์ดํ•ดํ•˜๊ณ  redirect & forward ์™€ scope๋ฅผ ์ดํ•ดํ•˜๊ณ  ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. JSTL๊ณผ EL์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ์„ค์น˜ํ•˜๊ณ  ๊ฐ„๋‹จํ•œ SQL์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. Maven์„ ์ดํ•ดํ•˜๊ณ  Maven์„ ์ด์šฉํ•œ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค. JDBC ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ํ•  ์ˆ˜ ์žˆ๋‹ค. Web API๋ฅผ ์ดํ•ดํ•œ๋‹ค. https://www.edwith.org/boostco.. 2020. 2. 11.
[CSS] nth-child ์™€ nth-of-type ์˜ ์ฐจ์ด์  selector:nth-child(n) selector:nth-of-type(n) nth-child nth-of-type ๋ถ€๋ชจ ์—˜๋ฆฌ๋จผํŠธ์˜ ๋ชจ๋“  ์ž์‹๋“ค ์ค‘ n ๋ฒˆ์งธ์— ์œ„์น˜ํ•˜๊ณ  ํ•ด๋‹น ์„ ํƒ์ž์ผ ๋•Œ ์ ์šฉ. n๋ฒˆ์งธ ์œ„์น˜ํ–ˆ๋Š”๋ฐ selector์™€ ๋‹ค๋ฅด๋‹ค๋ฉด css ์ ์šฉ X ๋ถ€๋ชจ ์—˜๋ฆฌ๋จผํŠธ์˜ ํ•ด๋‹น ์„ ํƒ์ž์ธ ์ž์‹๋“ค ์ค‘์—์„œ n ๋ฒˆ์งธ ์—๊ฒŒ css ์ ์šฉ. 2020. 2. 9.
[๋ถ€์ŠคํŠธ์ฝ”์Šค] ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ BE: Servlet ์ด๋ž€? java์˜ Servlet์ด ๋ฌด์—‡์ธ์ง€ ํ•ญ์ƒ ๊ถ๊ธˆํ–ˆ๋Š”๋ฐ ์ด๋ฒˆ์— ๋ถ€์ŠคํŠธ์ฝ”์Šค๋ฅผ ์ˆ˜๊ฐ•ํ•˜๋ฉด์„œ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๋ถ€์ŠคํŠธ์ฝ”์Šค์—์„œ ์–ป์€ ์ •๋ณด๋“ค์„ ์ •๋ฆฌํ•ด๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์˜์ƒ์ด ๊ถ๊ธˆํ•œ ๋ถ„๋“ค์€ ์•„๋ž˜ ๊ฐ•์˜ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ•˜์—ฌ ์ฃผ์„ธ์š”. ๊ฐ•์˜๋งํฌ [LECTURE] 1) Servlet ์ด๋ž€? : edwith ๋“ค์–ด๊ฐ€๊ธฐ ์ „์— ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์€ ์ •์ ์ธ ์ฝ˜ํ…์ธ ์™€ ๋™์ ์ธ ์ฝ˜ํ…์ธ ๋กœ ๋‚˜๋ˆ„์–ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ”„๋กœ๊ทธ๋žจ์„ ์ˆ˜ํ–‰ํ•ด์„œ ํŽ˜์ด์ง€๋ฅผ ๋™์ ์œผ๋กœ ๋งŒ๋“ค์–ด ์ฃผ๋Š” ์„œ๋ธ”๋ฆฟ์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ด…๋‹ˆ๋‹ค. ํ•™์Šต ๋ชฉํ‘œ ... - ๋ถ€์ŠคํŠธ์ฝ”์Šค www.edwith.org ๋ชฉ์ฐจ Servlet ์ด๋ž€? Servlet ๋ผ์ดํ”„ ์‚ฌ์ดํด Request, Response ๊ฐ์ฒด ์ดํ•ดํ•˜๊ธฐ 1. Servlet ์ด๋ž€? ๋จผ์ € ์„œ๋ธ”๋ฆฟ์— ๋Œ€ํ•˜์—ฌ ์•Œ์•„๋ณด๊ธฐ ์ „์— ์ž๋ฐ” ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๋„๋ก.. 2020. 2. 4.
[๋ถ€์ŠคํŠธ์ฝ”์Šค] ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ BE: WAS(Web Application Server) ๋ž€? ํ•™์Šต ๋ชฉํ‘œ WAS๊ฐ€ ๋ฌด์—‡์ธ์ง€ ์•Œ ์ˆ˜ ์žˆ๋‹ค. WAS์˜ ์ข…๋ฅ˜๋ฅผ ์•Œ์•„๋ณธ๋‹ค. ์›น์„œ๋ฒ„์™€ WAS์˜ ์ฐจ์ด์ ์„ ์„ค๋ช…ํ•  ์ˆ˜ ์žˆ๋‹ค. ํ•ต์‹ฌ ๊ฐœ๋… WAS (Web Application Server) Apache Tomcat ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„ ๊ตฌ์กฐ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ์„ ์„œ๋ฒ„. ์„œ๋ฒ„์—๊ฒŒ ์„œ๋น„์Šค๋ฅผ ์š”์ฒญํ•ด์„œ ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ์„ ํด๋ผ์ด์–ธํŠธ๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ํด๋ผ์ด์–ธํŠธ(Client)๋Š” ์„œ๋น„์Šค(Service)๋ฅผ ์ œ๊ณตํ•˜๋Š” ์„œ๋ฒ„(Server)์—๊ฒŒ ์ •๋ณด๋ฅผ ์š”์ฒญํ•˜์—ฌ ์‘๋‹ต ๋ฐ›์€ ๊ฒฐ๊ณผ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. DBMS (DataBase Management System) DBMS ๋Š” ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ๊ด€๋ฆฌํ•˜๋Š” ์‹œ์Šคํ…œ์œผ๋กœ ๋‹ค์ˆ˜์˜ ์‚ฌ์šฉ์ž๊ฐ€ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๋‚ด์˜ ๋ฐ์ดํ„ฐ์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ฃผ๋Š” ์†Œํ”„ํŠธ์›จ์–ด์ž…๋‹ˆ๋‹ค. DBMS๊ฐ€ ๋“ฑ์žฅํ•˜๊ธฐ ์ด์ „์—๋Š” ๊ฐœ๋ฐœ์ž๋“ค์ด ๋น ๋ฅด๊ฒŒ ๋ฐ์ดํ„ฐ๋ฅผ ์ €.. 2020. 1. 19.
[Spring] Pageable ๋‹ค์ค‘ Sorting | PageableDefault | Pagination SQL์„ Pageable์„ ์ด์šฉํ•˜์—ฌ ๋‚˜ํƒ€๋‚ด๊ธฐ select * from luvket.luvkets order by status desc, created_at desc limit 0, 25; ์œ„์™€ ๊ฐ™์€ SQL๋ฌธ์„ Spring ์—์„œ Pageable์„ ์ด์šฉํ•˜์—ฌ ํ‘œํ˜„ํ•œ๋‹ค๋ฉด ์ด๋ ‡๊ฒŒ ๋‚˜ํƒ€๋‚ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 1 2 3 4 5 6 7 8 9 @GetMapping("") public LuvketResponse search(@PageableDefault(size = 25) @SortDefault.SortDefaults({ @SortDefault(sort = "status", direction = Sort.Direction.DESC), @SortDefault(sort = "createdAt", direction = Sort.D.. 2020. 1. 9.