본문 바로가기

전체 글102

[엘리스 SW 엔지니어 트랙 2기] 엘리스 SW 엔지니어 트랙 2기 최종 후기, 3기 레이서 TIP 약 4개월간의 짧았던 엘리스 SW 엔지니어 트랙 2기가 모두 끝났습니다. 원래는 저번 주 토요일 (21/7/23) 에 2차 프로젝트 발표가 끝난 이후 바로 집에 가서 후기글을 적을 생각이었지만, 마지막 프로젝트 팀원분들과 정도 많이 들고 해서 뒷풀이 술자리를 가지는 바람에, 그날 작성하지 못하고... 미루고 미루다 이제서야 글을 적습니다 ㅠㅠ 일단 현재 다음 기수인 3기 모집 중인것 같으니, 들어가셔서 참고하시면 좋을 것 같습니다. 엘리스 SW 엔지니어 트랙 경력에 필요한 경험을 쌓는 길, 전액 무료 웹 개발자 취업 교육 elice.training [1] 전반적인 커리큘럼 일단 기본적인 커리큘럼은 현재 모집하고 있는 3기 커리큘럼과 큰 차이가 없습니다. [1-1] 교육 (이론 & 실습) : 1 ~ 7 주.. 2022. 7. 29.
[React] useForm 훅의 register() 메소드는 input/select 태그에서만 사용 가능할까? React Form 라이브러리는 React에서 복잡한 Form이나 양식을 만들 때, 조금 더 쉽게 코드 작성을 할 수 있게 도움을 줍니다. React Form 라이브러리는 대표적으로 formik, react-final-form, redux-form, useForm 등이 있습니다. 이 글에서는 이들 중 가장 쉽게 접할 수 있는 useForm에 대해, 그 중에서도 register() 메소드에 대해 살펴볼 것입니다. useForm은 기존의 폼에서 입력해야하는 여러가지 번거로운 작업을 줄여줍니다. form 태그 내부의 input 태그에 입력된 value 값들을 가져오려고 할 때, useForm에서는 해당 input 태그 / select 태그에 register() 메소드를 부여하고, submit 버튼을 클릭한 뒤.. 2022. 7. 15.
[Typescript] String vs string / Number vs number의 차이 (Reference type vs Primitive type) 바로 직전 글에 이어서 글을 작성해보겠습니다. 직전의 글에서 props의 자료형을 정의하는 방법에 대해 알아봤는데요, 이 과정에서 약간의 혼란을 겪을 수 있습니다. 바로 string 과 String 중 어떤 것을 사용할지에 대한 혼란인데요! 결론부터 말씀드리자면, string과 String은 서로 다른 자료형입니다. string은 primitive type이고, String은 Reference type입니다. 또한, Reference type은 데이터의 타입으로 사용하는 것을 지양한다고 합니다. 즉, 이 상황에서는 string을 선택하는 것이 더 적절하다고 합니다. 참고 URL : https://velog.io/@pca0046/TIL-47.-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%A.. 2022. 7. 6.
[React] Styled Component에서의 props 자료형 정의 Styled component를 이용하여 React에서 CSS 효과를 줄 때, 항상 .jsx 파일로만 만들었는데, 이번에 처음으로 Typescript를 도입하여 .tsx 파일로 구현을 하던 도중, props의 자료형을 정의하지 않으면 빨간줄이 생기는 상황을 처음 맞닥뜨렸습니다. 앞으로 Typescript를 이용하며 자주 맞닥뜨리게 될 상황인 것 같아서 간단히 기록을 해놓으려고 합니다. 위 코드는 testComponent 라는 이름의 컴포넌트를 만든 .tsx 파일입니다. .jsx 파일이었다면, defaultColor 라는 props로 전달할때, 빨간줄이 그어지지 않겠죠. 하지만 .tsx 파일은 자료형을 엄격하게 정의해줘야 하기 때문에, 빨간줄이 그어지며 밑과 같은 메세지가 보이게 됩니다. 구글링 결과, 이.. 2022. 7. 6.
[엘리스 SW 엔지니어 트랙 2기] 알고리즘 문제 풀이 스터디를 마치며.. 엘리스 SW 엔지니어 트랙도 이제 거의 후반부로 접어들고 있는 시점입니다. 강사였던 이고잉님께서 html, css 부터 하나하나씩 차근히 집어주시면서 가르쳐주던게 며칠 전 같은데, 벌써 4개월간의 교육 프로그램 중 3주만을 남겨놓고 있네요... 당장 내일부터 2차 최종 프로젝트에 들어가기 때문에, 지금이라도 잠깐 시간을 내어서 저번 주에 끝난 엘리스 - 2차 스터디에 대한 회고를 간단하게 해보려고 합니다. 사실 1차 스터디때도 미니 프로젝트를 진행했었고, 그 당시에 만족했던 점과 아쉬웠던 점을 동시에 기억하고 있었기 때문에, 이를 보완하고 더 성장하고자 2차 스터디도 하나의 프로젝트를 만드는 스터디를 하려고 했었습니다. 하지만, 두 가지 이유 때문에 알고리즘 문제풀이 스터디를 진행하게 되었습니다. 첫째로.. 2022. 7. 3.
[TIL] 웹, 웹의 동작원리, 웹 호스팅 엘리스 SW 엔지니어 트랙 2기 TIL(Today I Learned)이지만, 미루다 미루다 이제서야 조금씩 써봅니다. 웹 vs 인터넷 웹과 같은 서비스들은 모두 인터넷 위에서 돌아간다. 인터넷은 웹을 포함한다. 웹이 자동차라면 인터넷은 그 자동차들이 지나가는 도로 웹이 건물이라면 인터넷은 그 건물들이 모여 만드는 도시 웹의 창시자 : 팀 버너스 리 웹의 동작원리 (웹 브라우저) Client host (웹 서버) Server host 관계이다. info.cern.ch에 가서 index.html을 요청하면, web 서버는 자신의 하드에서 index.html를 찾아서 응답한다. open with live server 확장 기능 : 위 그림에서 ‘WEB 서버’ 의 역할이다. http://ABC/index.htm.. 2022. 6. 28.