전체보기250

• 20220906(화) 개발일지 1. 특화 프로젝트의 기획 단계가 마무리되었다. 많은 논의가 있었고 의견 차이로 정체되어 지치던 순간도 있었지만, 모두가 고개를 끄덕이는 주제가 나와서 다행이라고 생각한다. 나는 팀장으로서 의견을 낼 수 있을 만큼 냈고, 팀원들이 이제 만족했으니 됐다! 2. 학교 다닐 때 활동하던 여러 단체들에서 대부분 막내였기 때문에 리더보다는 팔로워일 때가 많았는데, 내 개인적인 기분과 상황을 핑계로 적극적으로 의견을 내지 않거나 리더 얼굴만 쳐다보고 있었을 때가 생각이 나더라. 팀원들이 어떤 사람이냐에 상관 없이 리더(특히 교육기관과 같이 위계가 없는 집단의 리더)는 외로운 자리일 수밖에 없고, 적극적으로 책임을 다하는 자세가 정말 도움이 많이 됨을 느끼고 있다. 리더를 맡으면서 오히려 팔로워십을 배워가는 중이다... My/Riverlog 2022. 9. 6.

• 

  SSAFY 7기의 8월 회고: 팀 복 많은 사람 나야나~ What I've learned... - 8월 말, SSAFY 2학기 첫 프로젝트인 공통 프로젝트가 무사히 끝났다. 나를 제외한 두 명의 프론트엔드 팀원이 모두 프로젝트 첫 주차에 나가는 불상사가 있었지만, 능력자 전공반 팀원들의 도움으로 멋진 코딩 교육 서비스를 만들어냈다. 실시간 코드 전송과 서비스 내에서의 코딩 테스트 기능이 핵심이다. 아직 반출 신청을 하지 않아 내 github에 올리지 못했는데 곧 업로드해서 회고록에도 추가하려고 한다. Vue3와 새로운 UI framework를 사용하는 큰 도전이었는데, Vue3와 pinia(새로운 상태관리 도구)에 대한 깊은 이해와 webRTC 기술에 대해 배우는 시간이 되어 의미있었다. - 특화 프로젝트에서는 팀장 역할을 맡게 됐다. 팀원으로서의 팔로워십을 .. My/Riverlog 2022. 9. 4.

• 

  [SSAFYcial]2022 프론트엔드 프레임워크 트렌드 프론트엔드 직무 뽀개기 - 2편 (React? Vue?) 2022 프론트엔드 프레임워크 트렌드 SSAFY 7기 김혜린 기자 "프론트엔드 프레임워크는 뭐가 좋을까?" SSAFY에서 프로젝트를 하면서 프론트엔드를 맡은 교육생들의 고민 중 하나는 "어떤 프레임워크를 선택할까?"입니다. 그래서! 우리나라와 전 세계의 따끈따근한 2022년 프론트엔드 프레임워크 설문을 준비했습니다 :) 1. 해외 트렌드 Q. 지난 1년동안 사용해봤고, 맘에 들었던 프레임워크는 무엇인가요? (프론트엔드 기술만 필터링) 2. 국내 트렌드 Q. 주로 사용하는 프레임워크/라이브러리는 무엇인가요? 설문 결과! - 해외, 국내 모두 React의 비중이 가장 높고, Vue가 그 절반 정도를 차지 - 3위는 해외, 국내 모두 Angular가 차.. Programming/SSAFY 2022. 9. 3.

• 

  [SSAFYcial] 개발자 컨퍼런스 알아 보기! 개발자 컨퍼런스 알아 보기! SSAFY 7기 김혜린 기자 컨퍼런스란? 컨퍼런스: 공통의 전문적, 학술적인 주제를 가지고 비교적 긴 시간에 걸쳐 열리는 회의. 주로 과학, 기술 학문 분야의 새로운 지식을 습득하거나 연구를 위해 개최된다.(두산백과) 다양한 분야에서 컨퍼런스가 열리는데, 개발 관련 컨퍼런스들은 연사들의 영상이 온라인으로 비교적 잘 공유되고, 개발 관련 트렌드와 이슈를 살펴볼 수 있다는 것이 특징입니다. 개발 컨퍼런스 유형을 크게 세 가지로 살펴볼까요? 1. 기업에서 여는 컨퍼런스 : 삼성, 구글, 배달의 민족, 토스 등 기업에서 여는 개발자 컨퍼런스 2. 특정 언어 및 기술에 관한 컨퍼런스 : Javascript, Python, .NET 등 특정 언어/기술에 집중 3. 분야별 컨퍼런스 : 이.. Programming/SSAFY 2022. 8. 29.

• 

  [debugging] 개발자 도구 javascript debugging Programming/Javascript, Typescript 2022. 8. 27.

• 

  [Console] '디자인 모드' 적용법 디자인 모드란? 웹 브라우저에서 임시로 화면을 수정하는 기능을 말한다. Devtool에서 직접 코드를 수정하지 않고도 화면에 있는 텍스트를 바꾸거나 이미지를 옮겨보는 작업을 할 수 있다. 디자인 모드를 적용하면 빠르게 웹 화면을 조정할 수 있고, 손쉽게 각 구성 요소의 배치를 최적화할 수 있다. 디자인 모드 on/off 방법 document.designMode = "on" document.designMode = "off" Programming/HTML, CSS 2022. 8. 27.

• 

  [Javascript] Array.map() 메서드 array.map() 메서드는? 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환한다. 예) var numbers = [1, 4, 9]; var roots = numbers.map(Math.sqrt); // roots는 [1, 2, 3] // numbers는 그대로 [1, 4, 9] 출처: mdn web docs(https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map) Programming/Javascript, Typescript 2022. 8. 26.