티스토리

Lennon FE
검색하기

블로그 홈

Lennon FE

parkparkpark.tistory.com/m

Frontend Technology Blog

구독자
6
방명록 방문하기

주요 글 목록

  • 사용성 개선 개발 경험 회고 (내 코드 불러오기) 안녕하세요. 👋🏻 구름에서 풀스택 개발을 하고 있는 Kenny입니다 :) 이번 포스팅에선 프론트엔드 개발자로서 자발적으로 사용성 개선을 위해 개발한 경험에 대해 회고해보려 합니다. 제가 개발한 기능은 구름 LEVEL(이하 레벨) 서비스에서 QnA를 작성할 때 누를 수 있는 내 코드 불러오기를 활용할 수 있는 버튼인데요. 위 기능은 꾸준히 제품을 개발해 오며, 언젠가는 꼭 개선하겠다는 다짐을 토대로 시작되었습니다. 누구의 기획도 없이(물론 팀들은 알고 있었습니다) 온전히 남는 시간에 틈틈히 사용성 개선을 위해 개발한 거라 더욱더 애정이 있는 것 같네요. 😎 왜 개발 했나요? 제가 위 기능을 꼭 개선해야겠다고 다짐한 건 아래의 이유 때문이었습니다. 1. QnA를 작성하는 에디터에 코드 버튼이 있고, plac.. 공감수 1 댓글수 0 2023. 9. 2.
  • [Javascript] 구름톤 챌린지 2주차 5문제 풀기 [내가 만든 프로젝트 참여하기 프로젝트] 6. 문자열 나누기 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); const input = []; rl.on('line', (line) => { input.push(line); if (input.length === 2) { rl.close(); } }); rl.on('close', () => { const [N, S] = input; const { divideArr, sortedDivideStrArr } = divideStringIntoThreeParts(N, S); const answe.. 공감수 1 댓글수 0 2023. 8. 22.
  • [Javascript] 구름톤 챌린지 1주차 5문제 풀기 [개발한 프로젝트 참여하기 프로젝트] 1. 운동 중독 플레이어 const readline = require('readline'); let rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); let input; rl.on('line', (line) => { input = line; rl.close(); }); rl.on('close', () => { const [W, R] = input.split(" ").map(Number); const answer = getOneRM({W, R}); console.log(answer); }) const getOneRM = ({W, R}) => { const OneRM = Ma.. 공감수 0 댓글수 0 2023. 8. 16.
  • 구름톤 챌린지 개발 회고 안녕하세요 :) 저는 구름에 1년 정도 재직 중인 Kenny입니다. 근 한 달 정도 사내에서 구름톤 챌린지 프로젝트에 대한 개발을 혼자 진행했는데, 관련해서 회고를 하려고 합니다. 먼저 구름톤 챌린지는 아래 랜딩 페이지 링크에 들어가시면 어떤 서비스인지 쉽게 아실 것 같아요. 구름톤 챌린지 랜딩 페이지 링크 (14일 날 정식 오픈이고, 저는 열심히 사용자들을 위해 남은 Ui 개발 및 검수를 진행하고 있습니다.) 📚 회고 시작 혼자 프로젝트를 진행한다는 것 저는 풀스택 엔지니어로 입사했지만 다들 백엔드 성향이 강해 프론트엔드를 주로 작업했었는데요, 이번엔 새로운 사업들이 생겨나고 같은 팀 사람들이 tf로 빠지면서 인원이 부족한 상태라 백엔드까지 혼자 진행하게 됐습니다. 혼자 프로젝트를 진행한다는 건 상당히.. 공감수 2 댓글수 0 2023. 8. 5.
  • [Next.js 13] Emotion으로 app router RSC를 구성해보자 Next13의 app router 방식에서 현재 Emotion을 공식적으로 지원해주지 않는다.🥲 그렇지만 Project에서 Emotion lib를 사용하고, css속성을 사용하고, app router의 RSC를 사용하고 싶은 사람들이 있을까 봐(본인 포함!) 방법을 알려주려한다. 다들 알다시피 Emotion에 css 속성을 사용하려면 tsconfig.json에 "jsxImportSource": "@emotion/react", 위와 같은 속성을 넣어야 한다. 그러면 모든 태그에 css를 넣을 수 있어 아래처럼 작성할 수 있게 된다. import { css } from '@emotion/react'; 그렇지만 tsconfig에 "jsxImportSource": "@emotion/react", 위 속성을 가진.. 공감수 1 댓글수 0 2023. 7. 17.
  • 2023 SW 중심대학 공동 해커톤 멘토 후기 2023 SW 중심대학 공동 해커톤 링크 먼저 2023 SW중심대학 공동 해커톤은 위와 같은 프로그램이다. 전국에 SW 중심대학 51개 대학에서 학교를 대표하는 개발자 4명 디자이너 1명씩 와서 팀을 꾸리고 2박 3일 해커톤을 하는 프로그램이다.멘토 섭외 과정1. 링크드인 및 개인 회사 메일로 초청 2. 프로필 첨부 3. 합격 의 과정으로 섭외가 되는 것 같다. 나는 5월 초에 링크드인으로 해커톤 멘토 초청 문의가 왔다. 아마 예상하기로 성격이 비슷한 ☁️구름톤☁️에서 멘토 경험이 있고, 타 관련 프로그램도 이수한 경험 때문에 연락이 온 것 같다. 멘토 섭외 관련해 프로필을 요청주셔셔 프로필을 제작하고 보낸 뒤 2주 정도 뒤 합격 메일이 돌아왔다. 프로필에는 이전 멘토 관련 경험을 주로 상세히 작성했으며.. 공감수 2 댓글수 2 2023. 7. 3.
  • [React] Cypress로 e2e 테스트를 구현해보자 Next.js를 포함한 React 프로젝트에서 Cypress로 e2e를 구현해 봅시다. 프로젝트에 Cypress를 설치해 줍니다. $ yarn add cypress --dev or $ npm install cypress --save-dev Package.json에 가서 스크립트를 추가해 줍니다. "scripts": { ..., "test": "cypress open", "cy:run": "cypress run" }, 터미널에서 명령어를 작성해 봅시다 $ yarn test or $ npm run test 그럼 아래와 같은 프로그램이 켜질 겁니다! 우리는 e2e를 구현할 것이니까 첫 번째를 선택하고 파일을 생성해 준다는 거에 동의하고 넘어갑니다. 제 기준 Electron이 편해서 선택하여 Start를 누릅니.. 공감수 0 댓글수 2 2023. 5. 14.
  • [Git] 깃허브로 협업을 해보자(commit, PR, merge, code review 등등) 깃허브는 모두 알다시피 리모트 환경에서 협업을 하기 쉽게 만들어져 있다. 깃으로 협업한다 협업한다 하는데 어떻게 협업하는지,좋은 협업 방식은 무엇일지 포스팅에서 알아보도록 하자. 먼저 해당 포스팅을 보고 기본적인 깃허브와 소스 코드를 연결해보도록 하자! https://parkparkpark.tistory.com/53 [Git] vscode 연동 및 branch 생성, commit / PR(Pull requests) 하는 법 vscode 연동 vscode를 연동시키기 위해 본인의 프로젝트인 Repository를 하나 생성하자. 생성한 Repository에 들어가서 아래 사진처럼 code를 누르면 본인의 저장소 clone 주소를 얻을 수 있다. 해당 내용을 parkparkpark.tistory.com 1. .. 공감수 3 댓글수 0 2022. 9. 8.
  • [Git] 특정 파일 pull 하는 방법 프로젝트를 버전 관리하다 보면 특정 브랜치에 원하는 파일들이 존재하고, 해당 파일만 현재 브랜치에 가져오고 싶을 경우가 생길 것이다. 이럴 때 특정 브랜치에서 전체 파일들을 pull 하게 되면 괜히 충돌이 일어날 수 있고 이를 해결하는 공수가 커질 수 있다. 이럴 때 알면 좋은 게 특정 파일을 pull 하는 방법이다. 먼저 현재 브랜치에서 git fetch --all 을 해준다. 그 후 git checkout origin/master -- path/to/file 를 해주면 된다. 예로 REC-13에 있는 브랜치에서 src/pages/workspace 안에 workspace.jsx를 가져온다고 하면 git checkout origin/REC-13 -- src/pages/workspace/workspace... 공감수 0 댓글수 0 2022. 8. 16.
  • [Git] Git flow 프로젝트 관리 기법 이번 글에서는 실무에서 깃을 통해 어떤 형식으로 프로젝트 버전관리를 하는지 포스팅 해보려 한다. 많은 방법론 중 실무에서 많이 쓰인다는 Git flow에 대해 알아봅시다! (대형 서비스 기업들이 대부분 사용!) 💁🏻 GIt flow ? 아래 그림은 깃 플로우를 설명할 때 가장 많이 쓰는 그림? 이다. 한 번 살펴보고 개발자의 입장에서 어떤 플로우일지 예상해보자. master branch 실제 운용되고 있는 서비스(안정적이어야 함 => 맘대로 merge되면 큰일...) develop branch 다음 버전 개발을 위해 실제 개발되고 있는 브랜치! 다음 버전이 준비되면 master에 merge됨 feature branch 다음 버전에 들어갈 기능 개발을 위해 develop 브랜치에서 새로운 브랜치를 생.. 공감수 0 댓글수 0 2022. 8. 6.
  • [React] 옵셔널 체이닝 리액트를 사용해 코드를 작성하다보면 서버통신 및 컴포넌트 라이프 사이클 차이에 따라 null, undefined를 반환해 가끔 오류가 발생하곤 한다. 이는 그래도 친절하게 오류 코드로 알려주기에 해결하긴 쉬울 수 있지만, 존재 또는 존재하지 않는 요소와 메서드들에 대해 안전하게 접근할 수 있도록 도와주는 옵셔널 체이닝 연산자를 통해 더 쉽게 해결할 수 있다. 아래 코드에서 span안의 text값이 몇이 나올지 예상해보자. import React from 'react' const getNonEmptyCategories = (catrgories) => ( categories.filter((category) => category.items > 0); ) // categories = [ {items: 5, id.. 공감수 0 댓글수 0 2022. 7. 21.
  • [JavaScript] Array, Set, Map을 통해 알아보는 이터러블/이터레이터 Array를 순회하는 방법엔 여러가지 방법이 있다. 고전적이라면 const arr = [1,2,3,4,5] for(let i = 0; i { console.log(v); }) forEach를 사용할 것이다. 또는, 이터러블, 이터레이터의 개념을 알거나, 뭔가 이렇게 쓰는 게 좋다고 들으셨다면 const arr = [1,2,3,4,5] for(const a of arr) { console.log(a); } for of.. 공감수 0 댓글수 0 2022. 7. 19.
  • [JavaScript] 고차함수 고차함수는 함수를 값으로 다루는 함수이다. 함수를 인자로 받아서 실행하는 함수들을 살펴보자. const funcAdd = f => f(1); const add10 = a => a + 10; console.log(funcAdd(add10)); 위 funcAdd 함수는 console.log에서 인자로 add10함수를 받는다. 당연하게 결과는 11로 예상할 수 있다. 함수를 만들어 리턴하는 경우도 있다. 이런 경우를 클로저를 만들어 리턴하는 함수라고 말한다. 함수가 함수를 만들어서 리턴할때는 결국은 클로저를 만들어서 리턴하기 위해 사용한다. 아래 예시를 확인해보자, 우리가 써보지 못한 느낌의 arrow Func 로 적혀있다. const add = a => b => a + b; const add10 = add(.. 공감수 0 댓글수 0 2022. 7. 18.
  • [JavaScript] lodash sortBy react, javascript에서는 보통 sort를 이용해 정렬을 많이한다. 그러나 sort를 사용하면 모두가 알다시피 코드 가독성이 많이 떨어질 수 밖에 없다. 또한 sort는 이상한 문제점이 있다. const arr = [1,3,20,5]; const sortedArr = arr.sort(); console.log(sortedArr) // [1,20,3,5] sort를 그냥 사용하면 위처럼 우리가 예상한대로 동작하지 않는다...(자바스크립트... ㅠ.ㅠ🥲) 그로인해 자바스크립트를 사용하는 개발자라면 보통 기본 sort를 바로 사용하지 않고 (a,b) 두 인자를 비교하는 함수를 만들어 sort를 사용한다. const arr = [1,3,20,5]; const sortedArr = arr.sort((a.. 공감수 0 댓글수 0 2022. 7. 2.
  • [React] 비동기 useState 동기로 처리하기 다들 리액트 프로젝트에서 useState를 쓰며 당황했던 적이 있을거라 생각한다. 리액트의 useState를 쓰다보면 우리가 원하는 대로 동작하지 않는 걸 확인할 수 있다. 아래 코드는 체크박스가 하나 존재하고 체크할때마다 상태 toggle 값이 true or false를 가지는 로직이다. 체크박스를 체크하는 걸로 상태값을 바꾸는 예시를 보고 결과를 예상해보자 import React, { useState } from "react"; function App() { const [toggle, setToggle] = useState(false); const onChange = () => { setToggle((toggle) => !toggle); if(toggle) { console.log('toggle은 T.. 공감수 1 댓글수 0 2022. 6. 30.
  • [NodeJS] React, Node 연결하기 CRA로 리액트 프로젝트를 생성했다고 가정하겠다. 해당 폴더로 들어가 먼저 의존성을 설치해보자 npm install express // express 라이브러리! npm install concurrently // package.json에서 서버와 클라이언트 동시에 실행시킴 npm install cors // cors npm install http-proxy-middleware // 클라이언트와 연동 npm install nodemon // 새로고침해도 잘 적용되게! 내 프로젝트 기준 폴더구조를 아래와 같다. server 폴더를 만들어 route라는 폴더를 만들고 안에 index.js를 넣자. 그 후 server폴더 전역에 app.js를 만들자! 클라이언트와 서버 연동을 위한 proxy설정을 위해 src폴.. 공감수 0 댓글수 0 2022. 6. 19.
  • [백준 11758번] CCW - 자바스크립트(nodejs) https://www.acmicpc.net/problem/11758 11758번: CCW 첫째 줄에 P1의 (x1, y1), 둘째 줄에 P2의 (x2, y2), 셋째 줄에 P3의 (x3, y3)가 주어진다. (-10,000 ≤ x1, y1, x2, y2, x3, y3 ≤ 10,000) 모든 좌표는 정수이다. P1, P2, P3의 좌표는 서로 다르다. www.acmicpc.net const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); let input = []; rl.on('line', function (line) { input.push(.. 공감수 0 댓글수 0 2022. 6. 8.
  • [백준 1912번] 연속합 - 자바스크립트(nodejs) https://www.acmicpc.net/problem/1912 1912번: 연속합 첫째 줄에 정수 n(1 ≤ n ≤ 100,000)이 주어지고 둘째 줄에는 n개의 정수로 이루어진 수열이 주어진다. 수는 -1,000보다 크거나 같고, 1,000보다 작거나 같은 정수이다. www.acmicpc.net const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); let input = []; rl.on('line', function (line) { input.push(line); if (input.length === 2) { rl.close();.. 공감수 1 댓글수 1 2022. 6. 6.
  • [JavaScript] 화살표 함수와 일반 함수의 차이 자바스크립트에서 일반 함수는 함수를 선언할 때 this에 바인딩할 객체가 동적으로 결정된다. 아래 함수가 어떻게 실행될 지 예상해보자. const obj = { name: 'minho', intro: function() { console.log(this.name) setTimeout(function() { console.log(this.name) }, 1000) } } obj.intro() 논리적으로 생각해보면 당연히 minho가 두 번 뜰거라 생각한다. 그러나 두 번째 console.log는 undefined가 뜨는 걸 확인할 수 있다. 이유는 무엇일까? setTimeout 내부의 this는 window를 가르키기 때문이다. 해당 문제를 아래 코드와 같이 bind, call, apply를 통해 어디에 .. 공감수 0 댓글수 0 2022. 6. 3.
  • NodeJS, React를 이용한 웹 에디터 개발을 시도하다. nodeJ S가 거의 처음인 수준이라 3일 동안 약 30시간 정도를 투자해 nodejs와 react를 통신하며 get, post로 zip파일도 주고받고 험난한 시간을 보냈다. 실제 웹에서 파일을 이것저것 옮기면서 작성하고 프로젝트 저장 버튼을 누르면 업로드하고 웹 에디터에서 수정한 파일들을 포함한 전체 프로젝트가 로컬에 저장되는 것까지 구현했다..! 끝까지 해보니 뿌듯하다🙂 힘들었던 점 1. 프론트엔드 개발자로서 서버 통신이 헷갈렸다. 2. zip파일 포맷, 압축 풀기, 압축 하기, 로컬에 저장하기 등등... 많이 험난했다ㅠ.ㅠ 3. 다양한 라이브러리를 사용했는데 유지보수가 안되는 게 너무 많았으며, 그냥 오류가 뜨는 게 많았다. 4. 검색을 해도 내가 원하는 걸 찾기가 힘들었다. (웹 에디터가 마이너해.. 공감수 0 댓글수 0 2022. 5. 26.
  • [React] PostCSS에서 style값을 root처럼 사용하는 방법 겹치는 것이나 많이 쓰이는 부분은 key: value로 정의하고, React에서 해당 요소를 module로 가져와 사용할 수 있다. /* colors.css */ @value key: value; @value makerBlack: black; @value makerWhite: white; @value makerLightGrey: #e8e7e6; @value makerLightPink: #ffeae8; @value makerGrey: #626262; @value makerGreen: #385461; @value makerPink: pink; @value makerShadow: rgba(217, 217, 217, 1); @value makerColorful: linear-gradient(166deg, rgb.. 공감수 0 댓글수 2 2022. 5. 21.
  • [React] React Route에 대해 알아보자 라우팅이란? = 네트워크 상에서 url을 이용했을 때 어떤 경로를 이용해서 데이터를 받아올 건지 결정해주는 길을 결정해주는 것 = 사용자가 url을 요청했을 때 어떤 특정한 페이지로 연결할 건지 결정하는 매커니즘 = 사용자가 url을 줬을 때 어떤 페이지로 연결한건지! SPA의 문제점 사용자가 북마크할 수 없다. 브라우저상에서 뒤로가기, 앞으로가기와 같은 네비게이션이 추가가 되지 않음 ⇒ 해당 문제점을 해결하기 위해 React Router 등장 React Router? 사용자가 입력한 주소를 감지하는 역할을 한다. import { BrowerRouter, Link, Router, Routes } from 'react-router-dom' 태그로 감싸준다. 태그로 path마다 무슨 컴포넌트를 보여줄건지 작.. 공감수 0 댓글수 0 2022. 5. 19.
  • [백준 2607번] 비슷한 단어 - 자바스크립트(nodejs) https://www.acmicpc.net/problem/2607 2607번: 비슷한 단어 첫째 줄에는 단어의 개수가 주어지고 둘째 줄부터는 한 줄에 하나씩 단어가 주어진다. 모든 단어는 영문 알파벳 대문자로 이루어져 있다. 단어의 개수는 100개 이하이며, 각 단어의 길이는 10 이 www.acmicpc.net const { off } = require('process'); const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); let input = []; rl.on('line', function (line) { input.push(l.. 공감수 0 댓글수 0 2022. 5. 7.
  • [백준 14612번] 김식당 - 자바스크립트(nodejs) https://www.acmicpc.net/problem/14612 14612번: 김식당 인하대학교 축제를 맞이하여 알고리즘 동아리 CTP에서는 식당을 열기로 하였다. 요리는 세진이가 하게 되었고, 주문을 받는 것은 한솔이가 하게 되었다. 식당의 음식이 너무 맛있어서 주문은 끊 www.acmicpc.net const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); let input = []; rl.on('line', function (line) { input.push(line); if (input.length === +input[0].spl.. 공감수 0 댓글수 0 2022. 5. 5.
  • [백준 2108번] 통계학 - 자바스크립트(nodejs) https://www.acmicpc.net/problem/2108 2108번: 통계학 첫째 줄에 수의 개수 N(1 ≤ N ≤ 500,000)이 주어진다. 단, N은 홀수이다. 그 다음 N개의 줄에는 정수들이 주어진다. 입력되는 정수의 절댓값은 4,000을 넘지 않는다. www.acmicpc.net const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); let input = []; rl.on('line', function (line) { input.push(line); if (input.length === +input[0] + 1) { r.. 공감수 0 댓글수 0 2022. 5. 3.
  • [백준 1759번] 암호 만들기 - 자바스크립트(nodejs) https://www.acmicpc.net/problem/1759 1759번: 암호 만들기 첫째 줄에 두 정수 L, C가 주어진다. (3 ≤ L ≤ C ≤ 15) 다음 줄에는 C개의 문자들이 공백으로 구분되어 주어진다. 주어지는 문자들은 알파벳 소문자이며, 중복되는 것은 없다. www.acmicpc.net const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); let input = []; rl.on('line', function (line) { input.push(line); if (input.length === 2) { rl.close.. 공감수 0 댓글수 0 2022. 5. 2.
  • [백준 14503번] 로봇청소기 - 자바스크립트(nodejs) https://www.acmicpc.net/problem/14503 14503번: 로봇 청소기 로봇 청소기가 주어졌을 때, 청소하는 영역의 개수를 구하는 프로그램을 작성하시오. 로봇 청소기가 있는 장소는 N×M 크기의 직사각형으로 나타낼 수 있으며, 1×1크기의 정사각형 칸으로 나누어 www.acmicpc.net const { SocketAddress } = require('net'); const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); let input = []; rl.on('line', function (line) { input... 공감수 1 댓글수 0 2022. 4. 30.
  • [React] React 기본 - JSX 문법 JSX 문법이란? 리액트에서 생김새를 정의할 때, 사용하는 문법이다. HTML과 유사하게 생겼지만 실제로는 JavaScript이다! const App = () => { return Hello React! } 실제 JavaScript가 아닌데 브라우저가 어떻게 코드를 해석하는 걸까? 여기서 Babel에 대해 알아보자. Babel은 JSX를 브라우저가 이해할 수 있도록 JavaScript로 변환해준다. 그러나 JSX가 JavaScript로 오류 없이 제대로 변환되려면 규칙을 지켜야 한다. 1. 태그는 꼭 닫혀 있어야 한다. const App = () => { return ( Hello ) } , 등 본래 HTML에서 닫혀있는 태그는 JSX에서 닫는 태그가 아니다! 당연히 태그 짝이 맞지 않아도 오류가 발생한.. 공감수 1 댓글수 0 2022. 4. 12.
  • [React] React 기본 - CRA 소마 과정을 진행하며 리액트를 사용할 것 같다. 아직 리액트가 익숙하지 않아 예비 과정 동안 React로 원하는 걸 구현할 수 있을 정도로만 학습하고, 이후 본 과정에서 본격적으로 사용하며 깊이 있게 적용 및 학습할 예정이다. 1달 반 동안 매일매일 학습하며 프로젝트를 진행해보자 React란? 리액트는 JS가 처리해야할 이벤트가 다양해지고, DOM도 다양해지게 되면 업데이트를 하는 규칙도 많이 복잡한 기존 개발 방법을 완전히 바꾸는 프레임워크이다. 리액트는 어떠한 상태가 바뀌었을 때, DOM을 업데이트하는 게 아니라 아예 다 날리고, 처음부터 모든 걸 새로 만들어서 보여준다는 아이디어에서 개발되었다. 다 날리고 새로 만들면 느리지 않을까? 리액트는 Virtual DOM을 이용해 속도를 해결한다. 메모리에.. 공감수 0 댓글수 0 2022. 4. 12.
  • 소프트웨어 마에스트로 최종 합격 후기 4월 8일 금요일 오전 10시 반에 합격 메일이 날아왔다. 소마 발표는 날짜만 통보하고 시간을 통보하지 않는다. 전 기수가 10시 발표라 다들 기대했지만 10시에 발표가 안 나서 다들 멘토 최종 선발 발표 시간이었던 2시를 예상했다. 그러나 예상과 다르게 10시 반에 일괄 전송됐다! 아래는 각각 1차, 2차, 심층면접 후기이다. https://parkparkpark.tistory.com/125?category=517330 [SW마에스트로 13기] 1차 코딩테스트 후기 저번에 어렴풋이 소마에 지원했다. 지원동기는 사실 소마 최종 합하면 물론 좋겠지만 코딩 테스트를 경험해보자는 마음이 더 컸다. 교육에서 탑 클래스라는 소마에선 무슨 문제를 낼지 궁금했 parkparkpark.tistory.com https:.. 공감수 3 댓글수 1 2022. 4. 8.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.